デル株式会社

関連記事を表示させるWordPressのプラグイン「LinkWithin」が便利でした

wordpress-logo
Pocket

今まではWordPressで作ったブログの関連記事を表示するために「Yet Another Related Posts Plugin」を利用していました。ただし関連記事が表示されない場合が多かったので他の方法を検討していました。

WordPressのブログに関連記事を表示

色々探したのですが最終的には2012年10月17日に当ブログの記事の下に「LinkWithin – Related Posts with Thumbnails」を利用して関連記事を挿入しました。

「linkwithin」で関連記事を表示できました。

これは関連記事を表示するためのプラグインです。コグレマサト・するぷ『ブログ運営テクニック』で紹介されていたのを拝見して知りました。

参考文献:コグレマサト するぷ『必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア”の極意

必ず結果が出るブログ運営テクニック100 プロ・ブロガーが教える“俺メディア”の極意
インプレスジャパン 2012-03-23
Amazonで詳しく見る by G-Tools

この本で「LinkWithin」を知り、検索。英語のサービスであることがわかりました。プラグインをダウンロードしてWordPressのインストールする方法は私の拙い英語力でも、今までの経験を元に無事に行えました。

作業の手順

プラグインをダウンロードする際に「3story,4story,5story」となっているのは関連記事を「何件表示させるか」選ぶということのようです。問題は管理画面での設定(テンプレートのカスタマイズ)です。私は以下の記事を参考に設定を行いました。

参考になった記事

 

ブログのプラットフォームでotherを選んだ人は以下の様なスクリプトが発行されます。</body>の直前に発行されたスクリプトを貼り付ければ大丈夫です。

<script>
var linkwithin_site_id = xxxxxxx; ←各自、数字のIDが配布されます。
</script>
<script src=”http://www.linkwithin.com/widget.js”></script>
<a href=”http://www.linkwithin.com/”><img src=”http://www.linkwithin.com/pixel.png” alt=”Related Posts Plugin for WordPress, Blogger…” style=”border: 0″ /></a>

私は単一記事(各記事)の下に関連記事を表示したいと考えていました。その場合はテンプレートのsingle.phpを編集すれば大丈夫です。上記の参考記事ですでに紹介されていますが、single.phpのテンプレートの中の関連記事のリストを表示したい箇所に

<div class="linkwithin_div"></div>

のソースを張り付ければ大丈夫です。私は本文の下に貼り付けました。

そして関連記事の題名が「You might also like」と英語で表示されていました。日本語のほうがわかりやすいので

<script>linkwithin_text='こちらの記事はいかがですか:'</script>

と記入しなおしました。無事、当サイトの記事の下に関連記事を載せることができました。

linkwithinの関連記事を表示

 記事のサムネイルも表示できました

2013年7月になったら以下のようにサムネイルも表示されるようになりました。最初は題名のみの表示でしたので、私のブログには写真を利用した記事が少なかったのでしょうか……?サムネイルがしばらく表示されなかった理由は謎ですが、満足しています。

なお、別な関連記事プラグインも導入したので、関連記事の題名を「You might also like」と英語表示に戻しました。

linkwithinで表示された関連記事とサムネイル

 

追記 2013.5.16 23:31 Linkwithinの画像の差し替えと最後の3文を追加しました。2013.9.12 23:35 以下の文章を削除しました。「ただし私のサイトは画像が少ないせいかサムネイルは表示されませんでした。そのためzenbackのブログパーツを上にしました。サービスによって表示される関連記事が違うのでzenbackのサムネイル付き関連記事を観ていただいたあと、下にあるLinkwithinの関連記事をみていただくようにしました。2013.9.13 見出しと「最初は題名のみの表示でしたので、」「なお、別な…」以下を追加。2013.10.3 0:39題名「関連記事を表示させるブログパーツ「LinkWithin」が便利でした」から「関連記事を表示させるWordPressのプラグイン「LinkWithin」が便利でした」に変更。記事のの最後に↓を3つ追加。2014.12.20 15:34 「 実物はこのページの一番下にあります。 (←2013.9.30 21:13追記)↓↓↓」を削除しました。

Author Profile

片岡杏紗(あさ)
国家資格キャリアコンサルタント。JCDA認定CDA(キャリア・デベロップメント・アドバイザー)。元IT系講師。ITmediaオルタナティブ・ブログでは、「教育ICT」に関する記事を連載中。http://blogs.itmedia.co.jp/kataoka/
Pocket

コメント

  • トラックバックは利用できません。
  • コメント (0)
  1. この記事へのコメントはありません。

CAPTCHA


ウェブサイト翻訳ツール

アーカイブ

Zenback

ページ上部へ戻る