Ξ 2010/2/3 水曜日
このサイトの上部にもある『人気のあるエントリーBEST10』で使用しているプラグインです。
最初はショッピングサイトで『人気のある商品ベストテン』を表示するために使ったプラグインなのですが、なかなか面白いのでこのサイトでも使用してみました。
—————– プラグインのインストール ————————–
まずは Post-Plugin Library をダウンロードします。これは Popular Posts を動かすために必要なプラグインになります。
http://rmarsh.com/plugins/post-plugin-library/
のサイトから
にてダウンロードします。
次に、Popular Posts をダウンロードします。
http://rmarsh.com/plugins/popular-posts-plugin/
から
をクリックしダウンロードしてください。
ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを『Post-Plugin Library』、『Popular Posts』の順で有効化します。
表示したいテーマファイルの場所に
<?php popular_posts(); ?>
とコードを付け加えます。
これで表示されます。
このサイトでは 『Number of posts to show』 表示数をいじったぐらいです。
肝心なのが『Output』タブの表示部です。
Available Tags が使えるタグの一覧になっているので、これを組み合わせ自分なりの表示をカスタマイズしてみてください。
このサイトでは、『Output template:』を
1: <a href="{url}" title="{title}"><img src="{imagesrc}" width="45" height="33" ait="{imagealt}" /></a>
『Text and codes before the list:』を
1: <div id="best"><h4>人気のあるエントリー BEST10</h4>
『Text and codes after the list:』を
としています。
後はCSSをいじって終了です。
スタイルCSSに以下を追加して終了です。
1: #best {
2: border: 1px solid #AEC1CD;
3: padding: 5px 5px 0 5px;
4: }
5:
6: #best ul {
7: margin: 0;
8: padding: 0;
9: line-height: 18px;
10: list-style: none;
11: }
12:
13: #best li {
14: list-style: none;
15: padding-left: 10px;
16: }
17:
18: #best img {
19: vertical-align: text-bottom;
20: }
Ξ 2010/1/24 日曜日
WordPressを携帯で見れるようにするプラグイン『Ktai Style』をカスタマイズするには、使用している『Ktai Style』のテンプレートをいじることで出来ます。
今回はこのサイトの携帯表示の下部にMicroAdのバナーを貼ってみます。
まずは携帯表示のテンプレート（このサイトは redportal）、下の部分になりますので footer.php を編集することになります。
ファイルは、Wordpressのプラグインフォルダ Ktai_style の中、
wp-content\plugins\ktai_style\themes\テーマ名
にあります。
footer.php をエディタで開くと下のほうに
1: <hr color="&lt;?php echo $ks_settings['hr_color']; ?>" />
2: <div align="center">Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
3: <?php /* ks_wp_footer(); */ ?>
4: </div></body></html>
このような部分があります。
<hr color=” … で横罫線が入り、
<div align=”center” … で中央ぞろいのコピーライトが入ります。
このコピーライトの前にバナーを入れます。
MicroAdから取得した、バナーのコード
<a href=http://msend.microad.jp/ … （途中省略）guid=on&s=1" /></a>
を
<div align="center">
のあとに入れます。
1: <hr color="&lt;?php echo $ks_settings['hr_color']; ?>" />
2: <div align="center">
3:
4: <!-- MicroAdバナーここから -->
5: <a href="http://msend.microad.jp/ad/ic ・・・（途中省略））e.gif?guid=on&s=1" />
6: </a>
7: <!-- MicroAdバナーここまで -->
8:
9: <br />
10: Redportal theme for Ktai Style.<?php ks_switch_pc_view(); ?>
11: <?php /* ks_wp_footer(); */ ?>
12: </div></body></html>
これを保存し、アップしてください。バナーが表示されるようになります。
最近になってモバイル需要も高くなってきました。
せっかくのWordpressですからモバイルにも対応させて効率を稼ぎましょう。
Ξ 2010/1/21 木曜日
携帯サイトを手がけた方だと十分承知のことだと思いますが、結構気をつけなければいけないことがあったりします。
キャリア、コード、画像の重さなどいろいろ制約があり制作もそうですが検証にも時間がかかるものです。
そこでWordpressならぜひ使ってもらいたいのが『Ktai Style』今使っているWordpressのサイトがそのまま携帯対応になります。
http://wppluginsj.sourceforge.jp/ktai_style/
日本語のサイトなので設置のやりかたも丁寧ですぐにでも導入できますよ。
このプラグインですが、いくつかテンプレートが用意されてあり好きなものを選択できます。
このサイトは Redportal というテンプレートを使っています。
ちなみにTOPページはこんな風になります。
Ξ 2009/12/17 木曜日
携帯などのモバイルでの表示をPCで確認したい時があります。
各キャリアやフリーソフトなどでシュミレーターがあったりするのですが、Firefoxを使っているならアドオンでできます。
FireMobileSimulator というアドオンがとても簡単で高機能です。
3キャリアに対応していて任意の端末の追加などもできます。
まずは、
http://firemobilesimulator.org/
に行きます。
ブラウザはFirefoxで行うとインストールの手間が省けます。
『ダウンロー』から最新版のリンクをクリックすると、インストールが始まります。
『許可』をクリックし
『今すぐインストール』をクリック、でインストールできます。
Firefoxを再起動するとツールバーに
ができていると思います。
端末を選択し再読み込みをすると、携帯スタイルで表示の確認ができます。
携帯での確認はパケットもかかりますし、キャリアもそれぞれ確認しなければいけませんのでこのようなアドオンはとっても重宝します。
Ξ 2009/12/14 月曜日
Seeass BlogはシステムでPCサイトと携帯サイトの切り分けをしています。
PC版と違ってカスタマイズのキャパシティは少ないのですが、今回は携帯用の表示画面にバナーを張ってみましょう。
マイブログから
『デザイン』→『コンテンツ（モバイル）』
エキスパートを選択
種類を 『自由選択』にして『コンテンツの追加』ボタンをクリックします。
今回はMicroAdの携帯用のバナーを貼りますので、
タイトルに『MicroAd』、自由入力欄に取得したバナーのコードを入力します。
『保存する』をクリックして保存します。
編集モード：ノーマルにて作ったタイトルでコンテンツが出来上がっていると思いますので、これをおきたい場所に移動します。
Powered By の上に今回はおきました。
Firefoxの携帯表示を使って確認します。
きちんと表示できていました。
携帯の場合はコンテンツも少ないので簡単です。
Ξ 2009/11/8 日曜日
このサイトでWordpress、Seesaaなどのライターソフトとして紹介している『Windows Live Writer』なのですが、このソフトバックアップ機能がない。
レジストリなんかちょこちょこやれば何とかできそうだなんて思っていたらこんなソフトを見つけました。
『Windows Live Writer Backup – Windows Live Writer Plugins』
Windows Live Writerのバックアップとレストアをやってくれるソフトです。
そっ気のない風貌ですがなかなか役に立ってくれます。
ダウンロードはこちら
Windows Live Writer Backup – Release: Version 3.0 Final
インストールして
クリックで起動します。
チェックマークでバックアップするものを選択できます。
『Backup』でバックアップ
こんなアイコンのファイルができます。
『Restore』で復元できます。
Ξ 2009/10/23 金曜日
WordPressではプラグインを使って「Follow me」バッジをつけましたが Seesaa にもつけてみたいと思います。
WordPressにtwitterのFollow meバッジを表示してくれるプラグイン『WP FollowMe』
で紹介したようにWordpressではプラグインで簡単にFollow meバッジをつけることができたのですが、Seesaaではそういうわけにもいきませんので、『twitter follow badge』というWebサービスのを使います。
まずは
http://www.go2web20.net/twitterfollowbadge/
にアクセスします。
項目に情報を記入します。
Twitter account:登録してあるTwitterアカウントを記入します。
Label:表示を選べます。
Color:色を変えることができます。
Side:右側につけるか左側につけるかを選べます。
From top:トップからの位置をピクセルで指定できます。
『UPDATE CODE』をクリックします。
コードが発行されます。
このコードをSeesaaに貼り付けます。
『デザイン』→『HTML』→『HTML名』でソース編集画面を開きます。
一番下まで行って、</body>の上に先ほどのコードを貼り付けます。
保存をクリックして終了です。
Follow meバッジが表示されました。
Seesaaに限らず、HTMLが編集できるサイトなら使えますので覚えておくと役に立ちますよ。
Ξ 2009/10/19 月曜日
Seesaaにtwitter機能が追加されて早半月ほど経ちます。
興味のある方はもう使われているとは思いますが、おせっかいで記事にしてみました。
WordPressの投稿時にTwitterにつぶやいてくれるプラグイン『Post to Twitter』でも書いてはいるのですが、この機能のいいところは手間をかけずに露出を多くすることができる。
更新をタイムリーにアナウンスすることができる。
なんてふうに思っていますが、活用はともかく使ってみたいツールだと思います。
利用にはtwitterの登録が必要になりますので、
そろそろtwitterを使ってみるか・・・。
を参考に新規登録をしてください。
Seesaaの『設定』、『ブログ設定』に
”Twitterとの連携”という項目がありますので、このTwitterの認証を行うで機能させることができます。
クリックすると
になりますので、Twitterで取得した『ユーザー名やメールアドレス』、『パスワード』を入力し『許可する』をクリックします。
『記事投稿時にTwitterに投稿』の ”しない” を
”する” して 『ブログ設定の変更』をクリックし終了です。。
これでSeesaa更新時にTwitterにつぶやきが送られます。
Ξ 2009/10/14 水曜日
twitterをやり始めたら”Follow”してもらいたくなります。
そこでサイトにも”FollowMe”をつけたくなるのですが、Wordpressならプラグインで簡単にできます。
—————- 『WP FollowMe』のインストール ——————-
今回はWordpressの管理画面からプラグインをインストールします。
『プラグイン』の『新規追加』から『プラグインのインストール』画面に行きます。
『キーワード』に”WP FollowMe”と入力し『プラグインの検索』をクリックしま す。
『インストール』でインストール、『プラグインを有効化』で使えるようになります。
—————- 『WP FollowMe』の設定 ——————-
wordpress設定画面、設定、FollowMe Settingsにて設定します。
Set badge color: で色を決めることができます。
Your twitter account：はtwitterのID、
Distance from top:はTopからの位置を、
Text：は表示のテキストを、
Side:で右側か左側かを設定できます。
設定をSaveで終了です。
このように表示されました。
クリックすると、自分のtwitterのページが表示されます。
Ξ 2009/10/13 火曜日
”Wordpress”を運用していて”twitter”を利用しているならぜひやりたいのが、投稿の自動つぶやき。
『Post to Twitter』はインストールするとWordpressの投稿時に自動で投稿タイトルをつぶやいてくれます。
—————- 『Post to Twitter』のインストール ——————-
今回はWordpressの管理画面からプラグインをインストールします。
『プラグイン』の『新規追加』から『プラグインのインストール』画面に行きます。
『キーワード』に”twitter”と入力し『プラグインの検索』をクリックします。
”twitter”に関するプラグインがずらっと出てきますので、その中からほしいプラグインを探します。
今回は投稿をtwitterにプットするだけでいいので、シンプルなプラグイン『Post to Twitter』を選択しました。
『Post to Twitter』の項目右にある『インストール』をクリックします。
Description画面にて『いますぐインストール』をクリックします。
インストールが完了したら、『プラグインを有効化』をクリックし有効化します。
—————- 『Post to Twitter』の設定 ——————-
wordpress設定画面、設定、Post to Twitterにて設定します。
Twitter Usemame：に取得したIDを入力。
Twitter Password：にパスを入力。
Twitter prefixに投稿時の接頭語（サイト名など）を入力。
『Update Post to Twitter Options』をクリックし設定を保存します。
以上で設定は完了です。
次回の投稿時からtwitterにつぶやきとして自動送信されることになります。
Page 5 of 11« First«...34567...»Last »
にてダウンロードします。
をクリックしダウンロードしてください。
![guid=on&s=1"](http://msend.microad.jp/ad/iad/bc7f10b2678271fb7fc8aece6a842cce.gif?guid=on&s=1"){kind=link}