Font Awesome
ワードプレス

ワードプレスのサイドバーに新着記事と人気記事のサムネイル画像を表示Cocoon

ワードプレス
この記事は約2分で読めます。
記事を書いた人
プロフィールナナ
ねこ好きの40代専業主婦
【保有資格】FP3級、簿記2級、宅建、登録販売者

ワードプレスでCocoonのテーマを利用している人は、サイドバーの新着記事が、文字だけで表示されていますよね。

文字だけより、サムネイル画像付きで表示した方が、新着記事も人気記事も見やすくなります。

今回は、サイドバーに新着記事と人気記事を、サムネイル画像つきで表示する方法を紹介します。

この記事で分かること
  • 新着記事と人気記事をサムネイル画像で表示する方法

サイドバーに新着記事と人気記事のサムネイル画像を表示する方法

ナナ
ナナ

ウィジェットを選ぶときに、サムネイル付きを選びましょう。

  1. ウィジェットでサムネイル付きを選ぶ
  2. サムネイルの表示方法の設定

まずは、ワードプレスのダッシュボードから、「外観」→「ウィジェット」をクリックします。

「新着記事」をクリックします。

「新着記事」は、利用できるウィジェットの下の方にあります。

ずっとスクロールしていけば、中間あたりで見つかります。

「新着記事」→「サイドバー」を選んで、「ウィジェットを追加」をクリックします。

すると、設定画面の右にある、サイドバーのウィジェットエリアに、「新着記事」が追加されました。

新着記事をクリックすると、細かい設定画面が表示されます。

表示数や表示タイプは、お好みで設定します。

  • 表示数は、記事の表示数
  • 矢印表示は、画像の横に>がつきます。
  • タイトルを太字にしたい場合は、「タイトルを太字にする」にチェックを入れます。

表示タイプは、画像の横にタイトル名が表示されるのが、デフォルト、区切り線、囲み枠です。

大まかな違いは、記事に区切りや囲み枠があるかどうかです。

ナナ
ナナ

1つずつ違いを説明しますね。

【デフォルト】

区切り線や枠がありません。

【区切り線】

記事と記事の間に、区切り線があります。

【囲み枠】

記事に囲み枠があります。

【大きなサムネイル】

大きなサムネイルは、サムネイルの画像が大きく表示されます。タイトル名は、画像の下です。

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

大きなサムネイル画像に重なるように、タイトル名が表示されます。

ナナ
ナナ

人気記事も同様に、上記の方法で設定するとできますよ。

まとめ

今回は、ワードプレスのサイドバーに、新着記事と人気記事のサムネイル画像を表示する方法を紹介しました。

サムネイル画像があると、ブログがおしゃれになりますよね。

今回の記事を参考に、サムネイル画像を設定してみてください。

この記事を書いた人
ナナ

このサイトを運営しているナナです。

ねこ・株式投資・節約・資格取得・音楽鑑賞・断捨離が好きです。
何でもやりたいことはやってみる!
というチャレンジ精神でブログを始めました。

1度きりの人生楽しまなきゃ損!がモットーです。

ナナをフォローする
ナナをフォローする

ねこのライセンス
error:Content is protected !!
タイトルとURLをコピーしました