WordPress[Stinger3] サイドバーに人気記事を表示させる方法

WordPress[Stinger3] サイドバーに人気記事を表示させる方法

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

WordPressの人気テーマ「Stinger3」を導入してから最初ぐらいに挑戦したのが、この「サイドバーに人気記事を表示させる」でした。すでに色々なブログで紹介されていると思いますが、備忘録として手順を残したいと思います。いつものように、OSXローカル環境にwordpressをインストールする方法で構築したローカル環境上の「Stinger3」でカスタマイズを進めて行きたいと思います。

Advertisement

人気記事を表示させるプラグイン「WordPress Popular Posts」

Stinger3のサードバーには自動でスクロールしてくれるウィジェットがあり、dmgadget(ディーエムガジェット)でも、そこに人気記事を表示させて訪れてくれるユーザーさんに少しでも多くの記事を読んで貰うための工夫をしています。早速導入してみましょう。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

「WordPress Popular Posts」のプラグインをインストール

管理ページからプラグイン → 新規追加 → 「WordPress Popular Posts」と検索

一番上にプラグインが表示されるので、「今すぐインストール」をクリックしてインストールをします。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

インストール後、プラグインを有効化してください。

Advertisement

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

次にプラグインのページに行くと「WordPress Popular Posts」が表示されているはずです。WordPress Popular Postsが表示されている所の「Settings」をクリックして詳細設定をします。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

「ツール」という設定ページの中段ぐらいに「サムネールの場所」という設定欄がありますが、アイキャッチ画像などを設定していなくて、「記事の一番上の画像を使って欲しい!」という設定も出来るので必要な方は変更してください。最後に適用を押してください。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

「WordPress Popular Posts」をウィジェットに追加

管理画面から外観 → ウィジェットに行きます。 中段左側に「WordPress Popular Posts」のウィジェットがあるので、それを右側の「スクロール広告用」にドラッグ&ドロップしてください。ドロップすると自動的に設定画面が現れます。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

タイトルを決めて、表示する数と云う項目がありますが、10個だとちょっと長すぎるかな?と思って自分は6個に変更しています。タイトルを短縮したり、抜粋を表示させる方はチェックマークをいれてください。下の「投稿サムネールを表示する」にはチェックを入れました。あとはお好みで「統計タグ設定」の欄にチェックを入れてください。最後に保存を押します。
WordPress[Stinger3]サイドバーに人気記事を表示させる方法

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

保存を押すと「サムネール設定」の欄にサイズの詳細設定が出てきます。記入欄が小さいので10ピクセルに見えますが、自分は100ピクセルに変更しています。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

Advertisement

完成

ブログを確認します。管理画面にログインしたままだと閲覧数がカウントされないのでWordPress Popular Postsにも反映されません。ご自身でチェックしたい方は管理画面からログアウトしてから表示させたい記事をクリックした後、ウィジェットで確認してください。ちなみに「統計タグ設定」のコメント数、閲覧数、日付を表示させた場合こんな感じになります。

WordPress[Stinger3]サイドバーに人気記事を表示させる方法

読んで頂いてありがとうございました。

WORDPRESSカテゴリの最新記事