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

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

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

Milliard関連ページプラグイン

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

Milliard関連ページプラグイン.001.jpg

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

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

設定方法

管理画面のプラグイン 新規追加画面からインストールします。「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のメリットを、スマホではスマホに合わせた表示となっており、画像の印象も活用した関連するページを表示できます。

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

参考エントリー


この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告