ディーエムガジェット

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[WP-DB-Backup] プラグインでデータベースをバックアップ
WordPress[WP-DB-Backup] プラグインでデータベースをバックアップ
WordPress[Stinger3] 背景を画像や写真に変更する方法
WordPress[Stinger3] 背景を画像や写真に変更する方法
WordPressテーマ「Stinger3」見出しから自動的に目次を作ってくれるプラグインを導入
WordPressテーマ「Stinger3」見出しから自動的に目次を作ってくれるプラグインを導入
WordPressにAmazonアソシエイトのプラグイン「AmazonJS」を導入
WordPress[AmazonJS] Amazonアソシエイトのプラグインを導入
WordPress[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPress[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPressテーマ「Stinger3」に子テーマを導入する方法
WordPressテーマ「Stinger3」に子テーマを導入する方法
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
WordPress[Yet Another Related Posts Plugin] RSSに関連記事を追加
WordPress[Acunetix WP Security] 基本的なセキュリティー対策と脆弱性対策
WordPress[Acunetix WP Security] 基本的なセキュリティー対策と脆弱性対策
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える
WordPress リンク表示をはてなのブログカードと同じにする
WordPress リンク表示をはてなのブログカードと同じにする