【WordPress】サイドバーに人気記事の一覧を表示!【Cocoonも対応】

ブログ
スポンサーリンク

こんにちは、サブです。

人気のブログ記事を見ていると、「よく読まれている記事」や「人気記事」といった一覧が、サイドバーにあったりします

そこからついつい、他の記事も気になってアクセスしに行くことは、僕自身よくあります。

 

今回は、

WordPressで、サイドバーに「人気記事」を表示させるには、どうしたらいいんだろう?

と思っているような方向けに、設定手順を紹介します。

WordPressの人気テーマ「Cocoon」でも、今回の設定は有効です。

 

スポンサーリンク

前準備

まずは、WordPressのサイドバーを編集するための設定画面にいきましょう。

「WordPress管理画面」>「外観」>「ウィジェット」と進みます。

「ウィジェット」画面が開きます。

WordPressのサイドバーの編集は、基本的にこちらの画面でやっていきます。

それでは、人気記事の一覧を表示させる設定を、詳細に見ていきましょう。

 

スポンサーリンク

サイドバーに人気記事ウィジェットを追加

WordPressサイドバーに人気記事を表示させるには、「人気記事」ウィジェットを追加します。

 

1.「ウィジェット」画面から、「[C] 人気記事」を探し出します。

 

2.「▼」を押すと、どの場所にウィジェットを追加するかを選ぶ画面が展開されます。

ここで、「サイドバー」か「サイドバースクロール追従」を選び、「ウィジェットを追加」に進みます。

 

3.「サイドバー」もしくは「サイドバースクロール追従」の下に、「人気記事」ウィジェットが追加されます。

 

4.下にスクロールをして、「完了」をクリックします。

 

5.ブログ記事の方を見ると、ちゃんと「人気記事」が表示されていることが確認できます。

 

以上で、WordPressのサイドバーに「人気記事」を表示する設定は完了です。

次に、設定項目を変えた場合のパターンを見ていきましょう。

 

設定項目ごとの表示パターン

表示タイプ

区切り線

囲み枠

大きなサムネイル

タイトルを重ねた大きなサムネイル

区切り線」は、設定中のウィジェットのスタイルと重なって区切り線が表示されてしまいました。
こちらを設定する場合は、スタイルとの相性も見た方がよさそうです。

大きなサムネイル」は、アイキャッチ画像がよく見えますが、縦に長くなる印象です。

タイトルを重ねた大きなサムネイル」は、アイキャッチ画像を目立たせつつ、縦の間延びを抑えられます。
アイキャッチ画像と白文字が重なると見えづらくなる可能性があるので、画像は選ぶ必要があるかもしれません。

ランキング表示

人気記事のランキングを、明示してくれる設定です。

PV表示

記事ごとのPVを、表示してくれる設定です。

タイトルを太字にする

文字通り、タイトルを太字にしてくれる設定です。

矢印表示

記事のブロックごとに矢印を表示して、ページ遷移することを表現する設定です。

まとめ:「人気記事」ウィジェットをサイドバーに追加

今回は、WordPressで、サイドバーに「人気記事」一覧を表示する設定を紹介しました。

結論としては、

WordPress管理画面で、「人気記事」ウィジェットを追加する

といった簡単な設定で、できてしまいます。

 

好みによって、いろいろな表示設定ができます。

サブログでは、下記の設定を採用しました。

  • 表示タイプ:デフォルト
  • ランキング表示

コメント

タイトルとURLをコピーしました