ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

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

      2015/02/16

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

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

スポンサーリンク

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

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

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

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

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

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

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

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

スポンサーリンク

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]サイドバーに人気記事を表示させる方法

スポンサーリンク

完成

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

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

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

 - WORDPRESS

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

WordPress 検索エンジン用サイトマップを作成する方法
WordPress 検索エンジン用サイトマップを作成する方法
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPress[Better Delete Revision] 過去の不要なリビジョンを削除する方法
WordPress[Better Delete Revision] 過去の不要なリビジョンを削除する方法
OSXローカル環境にwordpressをインストールする方法
OSXローカル環境にwordpressをインストールする方法
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
WordPress サイドバーにFeedlyボタンとRSSボタンを表示する方法
WordPress サイドバーにFeedlyボタンとRSSボタンを表示する方法
wordpress優良プラグイン
wordpress優良プラグイン
WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法
WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Limit Login Attempts] ログイン試行回数を制限してブルートフォースアタックを防ぐ
WordPress[Stinger3用 子テーマ] 追尾型SNSボックスを削除する方法
WordPress[Stinger3用 子テーマ]追尾型SNSボックスを削除する方法