ストークで人気記事を表示させるプラグインなら公式が推してるやつがあります!

スポンサーリンク



ワードプレス(WordPress)専用のブログテーマ「ストーク」でサムネイル画像付きの「人気記事ランキング」を表示するにはプラグインを使用します。

今回はストークの公式ホームページでも紹介されているプラグイン「WordPress Popular Posts」を使ってpvランキングをウィジェットに表示させてみたいと思います。

WordPress Popular Postsとは

 

「WordPress Popular Posts」はブログ内で人気の記事を統計に基づき表示してくれるプラグインです。

ワードプレス(WordPress)専用のブログテーマ「ストーク」の公式ホームページでも紹介されており、ストークと相性の良いプラグインです。

ストークをはじめとするOPENCAGEのテーマでは、このプラグインによって表示された人気記事にランキングの番号を表示してくれるように、元々設定されてあります。

そのため、簡単な設定だけでサイトデザインにあったランキングに変更できるのです。

 

ストークだとこんな感じのサイトが簡単に作れます!

 

公式サイト OPENCAGE(オープンケージ)

ブログ専用テーマOPENCAGE(オープンゲージ)の特徴と評価

プラグインをインストール

「WordPressダッシュボード」>「プラグイン」>「新規追加」>「WordPress Popular Posts」を検索>「インストール」>「有効」

 

「有効化」するとすぐに使えるようになります。

プラグインの設定

WordPressダッシュボード」>「設定」>「WordPress Popular Posts」で設定画面にアクセスします。

項目の内「ツール」を選択してください。

アイキャッチ画像の設定

【画像の取得元】
「アイキャッチ画像」にしておくと記事に設定してあるアイキャッチ画像を表示してくれます。

【レスポンシブ対応】
「有効」にしてください。

設定したら「適用」でOKです。

 

データの設定

【閲覧を記録する対象者】
「訪問者のみ」に設定しておきましょう。
※訪問者のみに設定した場合、ダッシュボードにログインした状態で確認すれば、ノーカウントとなります。ランキングに影響が出ません。

他はデフォルトのままでOKです。

設定できたら「適用」しましょう。

 

その他

【リンクの開き方】
pvランキングの記事を押したときのリンクをどのように表示するかの設定ができます。

 

 

人気記事を設置

設定が完了したらサイドメニューに人気記事を表示させましょう。

ストークではメインサイドバーや記事の上等、任意の場所に好きなコンテンツを置くことができるので、好みの場所に設置します。

通常はメインサイドバーやスクロール領域に置きます。

ウィジェットにPVランキングを作るには

ワードプレスの「概観」>「ウィジェット」へ進むと、使用できるウィジェットの中に「WordPress Popular Posts」が増えています。

 

それでは「メインサイドバー」へpvランキングを設置してみましょう。

「PC:メインサイドバー」へ「WordPress Popular Posts」をドラッグ&ドロップしてください。

 

ドラッグ&ドロップで設置できたら「WordPress Popular Posts」の項目の▼(三角マーク)で設定項目を確認します。

ここでは、「タイトル」や記事の「表示件数」などを設定することができます。

 

「フィルター」の項目の「投稿タイプ」は、、初期設定では”post,page”となっており、ランキングに固定ページが含まれています。

投稿記事のみのランキングにしたい場合は”post”と表記しましょう。

設定が完了したら保存してサイトの表示を確かめて見ましょう。

最初、しばらくの間は「データがありません」と表示されると思いますが、時間が経つときちんと表示されるようになります。

 

参考

公式サイトでもアルバトロス・ハミングバード・ストークと相性の良いプラグインとして「WordPress Popular Posts」が紹介されています。

アルバトロス・ハミングバード・ストークと相性の良いプラグイン

レイアウト調整

「WordPress Popular Posts」で表示させたpvランキングが崩れる場合は、「テーマ」の「style.css」でカスタマイズしてみてください。

カスタマイズCSSは”WordPress Popular Posts カスタマイズ”で検索するとたくさん出てくるので気に入ったものを採用しましょう。

スポンサーリンク



スポンサーリンク



コメントを残す

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