Ξ 2010/2/8 月曜日
Wordpressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』
を導入したならついでに使いたいのが『Similar Posts』という関連記事を表示してくれるプラグインです。
この二つのプラグインは共通のプラグイン『Post-Plugin Library』を使っていますので、『Popular Posts』を使っているならぜひ合わせて使いたいプラグインです。
このサイトでは
こんなふうになっています。
プラグインの設定はデフォルトのまま、CSSだけをつけたしています。
—————– プラグインのインストール ————————–
まずは Post-Plugin Library をダウンロードし有効にします。
これは、
Wordpressで人気のあるエントリー（記事）を表示してくれるプラグイン『Popular Posts』
を参考にしてください。
『Similar Posts』をダウンロードします。
http://rmarsh.com/plugins/similar-posts/
に行き、
をクリックしダウンロードしてください。
ダウンロードしたファイルを解凍しプラグインホルダにアップ、プラグインを有効化します。
表示したいテーマファイルの場所に
1: <?php similar_posts(); ?>
とコードを付け加えます。これで表示されます。
先ほども述べましたが、このサイトでは『Similar Posts』の設定自体はほとんどいじっていません、変更したのが『Placement Settings』タブの『Output after post』の部分、
『Activate』の部分を ”Yes”にし、『Parameters』を
1: prefix=<div id="best"><h4>ついでに読んだら参考になるかもしれない関連記事:</h4><ul class="similar-posts">&suffix=</ul></div>
としました。
関連記事についてはいろんなプラグインがあるのですが、タイトル、記事内容、タブ、といろんな要素での選出がありそんな調整もできるのがこのプラグインです。
Ξ 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/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につぶやきとして自動送信されることになります。
Ξ 2009/9/20 日曜日
ご存知の通りmetaタグのkeywordsとdescriptionは、SEO対策として大なり小なりの影響を与えるものです。
このmetaタグをWordpressの管理画面上でコントロールできるプラグインンが『Add-Meta-Tags』です。
keywordsとdescriptionは通常<heda>の中に書き込んでしまうものなのですが、この『Add-Meta-Tags』はページやカテゴリーごと、固定、自動、カスタマイズとやってのけるプラグインです。
それでは導入方法です。
http://www.g-loaded.eu/2006/01/05/add-meta-tags-wordpress-plugin/
の「Download」でダウンロードします。
上記サイトよりダウンロードし解凍後、プラグインホルダにアップし、プラグインを有効化します。
これだけで自動化されたkeywordsとdescriptionが挿入されるのですが、日本語化していろいろやりたいという方は、colissさんで日本語版を提供されていますのでご参考にされてはいかがでしょうか？
個別にメタタグを記述できるWordPressのプラグイン:Add-Meta-Tags | コリス
影響が少なくなったと言われるkeywordsとdescriptionですが、SEOの基本とも言われるmetaタグですのでぜひ導入してもらいたい一つです。
Wordpressのテーマによってはこのmetaに関する部分はまちまちです。
設定してあるテーマもあれば、何の記述もないテーマもあります。
それぞれのテーマにあわせて加工して下さい。
Ξ 2009/9/10 木曜日
楽天アフィリエイトをやっているとやっぱり大変なのが商品の貼り込み。
楽天APIはとっても需要があるようでいろんなツールが出回っているのですが、Wordpressにも簡単に貼り込みができるプラグインがあります。
『WP Rakuten Link 』
楽天市場の商品を検索表示させるプラグイン | 犬小屋にて
より入手できます。
楽天なんで当然と言えば当然なのですが”日本語”です。
上記サイトよりダウンロードし解凍後、プラグインホルダにアップし、プラグインを有効化します。
まずは準備として、設定のWP Rakuten Link の設定画面にて「楽天デベロッパーID」と「楽天アフィリエイトID」を設定しておきます。
準備はこれで終わりです。
新規投稿時の画面に
商品検索窓ができていますので、欲しいキーワードを入力し検索します。
挿入したい商品の [挿入] をクリックで貼り付け完了です。
ワンコのいる管理人さんのようなのですが、このような便利ツールを提供してくれている方々にはいつも感謝しています。
Ξ 2009/7/20 月曜日
Wordreressでは、カテゴリはあいうえお順に並んでしまいます。
たとえばこのようなカテゴリの場合、大分類の”アクセサリー”が一番上、次に”テーブルウェア”がきます。
子の分類も同じようにあいうえお順で並びます。
これを簡単に並び替えるプラグインが『Category Orde』です。
まずは
http://www.coppit.org/code/
へ行きます。
下のほうにある、 『Category Order 2.0.1』をクリックしダウンロードします。
解凍後、プラグインホルダにアップし、プラグインを有効化します。
設定は『ツール』の『Category Order』をクリックして行います。
各カテゴリの右側にある矢印で設定できます。
↑↓で上下、→←で親、子、孫の関係を変更できます。
Insert spacer before this itemで上に行間。
Insert spacer after this itemで下に行間。
けっこう直観的に操作できます。
Ξ 2009/7/5 日曜日
Wordreressでは、投稿記事は通常新しい記事は一番上に、投稿するごとにその記事の上に新しい記事が乗っかっていくような、いわゆる降順で表示されるようになっています。
この順序を入れ替えることができるプラグインが『AStickyPostOrderER』です。
自分が使いたかったは常に一番上にカテゴリーの説明の投稿記事を表示したかったから。
こんな風に説明のついた記事の後に新着順でそのカテゴリーの記事が並びます。
新しいそのカテゴリのー記事は常に２番目からの降順になるように表示されるようになります。
『AStickyPostOrderER』の入手先は、
http://wordpress.org/extend/plugins/astickypostorderer/
解凍後、プラグインホルダにアップし、プラグインを有効化します。
設定は『ツール』の『AStickyPostOrderER』をクリックして行います。
有効化したいカテゴリ『家具・インテリア』をクリックします。
『Send To』の中に数字を入れていくとその順番で表示されます。
1が一番上、2が２番目という風になり、数字のない記事はデフォルトの設定に従います。
今回は『家具・インテリア』だけを一番上にしたいので、『Send To』に1を入力し『Save and Refresh』をクリック。
番号を入れるとこのように別枠表示になります。
この『Save and Refresh』はちょっと手間なのですが、大カテゴリ、子カテゴリごとの設定ができますので、結構細かい設定で表示順を変えることができます。
日記のような個人サイトではあまり使うこともなさそうですが、商品やサービスの説明をするサイトやビジネスサイトでは使用頻度の高いプラグインなのではないでしょうか。
![guid=on&s=1"](http://msend.microad.jp/ad/iad/bc7f10b2678271fb7fc8aece6a842cce.gif?guid=on&s=1"){kind=link}