Milliard関連ページプラグインを導入（WordPress.org公式ディレクトリ登録済みのプラグイン）

ブログのエントリーに関連したページを良い感じで表示できるプラグイン「Milliard関連ページ」を導入しました。

• Milliard関連ページプラグインについて | シスウ株式会社

実際には、たまたま使っていたテーマの相性が悪く、導入するにあたり画像が上手く表示できないトラブルに出会い、プラグイン作者の星野善彦さんに協力頂き、導入できました。

Milliard関連ページプラグイン

このプラグインは関連するページを、アイキャッチ画像を上手く使って、かなり格好いい感じに表示してくれます。PCサイトでは、関連するページのリストをスクロールしてドンドン表示してくれます。

しかも、レスポンシブル対応なので扱いやすく、スマートフォンの表示ではスクロールを止める設定もできる優れた機能をもっています。

WordPress.org公式ディレクトリ登録済みのプラグインです。なお、Blogger・はてなブログ・ライブドアブログにも対応しているプラグインだそうです。

• hWordPress › Related Posts Line-up-Exactly by Milliard « WordPress Plugins

設定方法

管理画面のプラグイン 新規追加画面からインストールします。「by milliard」で検索出来ます。インストール後、管理画面の「設定」-「Milliard関連ページ」を開きます。

表示場所を「挿入箇所」のみにチェックします。また、スマホでの表示の「挿入箇所のスクロールを無効にする」にもチェックを入れ、5件表示するように設定します。

表示したいウィジェット（場所）に「テキスト ウィジェット」を配置し、下のコードを書き込むことで、関連ページのリストが表示されます。

<ins id=”ssRelatedPageBase”></ins>

これでOKなのですが、導入時点で使っていたテーマの画像表示にエフェクト効果のCSSが設定されており、これが原因で、当初は画像が表示されない現象に悩みました。

作者さんに連絡してトラブル解決

CSSを調整しようか、、と、思いつつ、ちょうど作者の星野さんとは、数日前にイベント（オフ会「Edge dRunk」）にて、お会いしていたご縁があったので、トラブルをfacebookメッセージにて相談させて頂きました。

• メルマガ「Edge Rank」初のオフ会・「Edge dRunk」が無事終了しました。お越しいただきました皆様に感謝です #EdgeRankBloggers #EdgedRunk | → http://www.odaiji.com/blog/?p=9282

このプラグインのCSSは配信元のサーバーから読み込んでいるそうで、配信（開発）元サーバー側からCSSを修正していただき、見事に解決できました。感謝です。

PC表示でもスマートフォンでも良い感じ

このプラグインの関連するページの表示デザインは素晴らしいです。PCではPCのメリットを、スマホではスマホに合わせた表示となっており、画像の印象も活用した関連するページを表示できます。

アイキャッチ画像を上手く活用できるので、関連ページを上手く紹介したいなぁと考えられている場合には、試して見る価値があると思います。

参考エントリー

• [Å] WordPressプラグイン「Milliard」綺麗でお洒落！レスポンシブ対応で関連記事を表示できて気に入った！ | あかめ女子のwebメモ → http://webmemo.biz/milliard-wp-plugin/
• [Å] WordPressプラグイン「Milliard」を導入して最初にカスタマイズ・設定した部分まとめ | あかめ女子のwebメモ → http://webmemo.biz/milliard-customize/
• [Å] WordPressプラグイン「Milliard」でスマホ版スクロール無効化対応！関連記事の表示件数も変更可能に！ | あかめ女子のwebメモ → http://webmemo.biz/milliard-smartphone-scroll-stop/