最新記事 by ちりつも (全て見る)
- 体験レビュー｜EVERING（エブリング）の決済シーン別の使い方や注意点を紹介 - 2024年2月24日
- 24年最新｜楽天モバイルの利用でお得に！楽天ひかりの半年間月額費0円キャンペーンを解説 - 2024年2月16日
最近ワードプレスを始めた人向けに書きたいと思います。
いきなりですが、ワードプレスのサイドバーに表示される最近の投稿がタイトルのテキストのみで味気ないなと思ったことはありませんか。（図の右側赤枠部分）
他のブロガーさんのサイトを見ると、サムネイル画像（アイキャッチ画像）も表示されていて、オシャレだなと思いませんか。
今回はサムネイル画像とタイトルテキストを表示する方法をお伝えします。
Cocoonでサムネイル画像を設定する場合
ブログテーマのCocoon(コクーン)を利用している人はこちらをご確認ください。
それ以外のテーマを利用している人はプラグインを利用することで対応可能なので、次章に飛ばしていただいて問題ないです。
では、Cocoonの場合のやり方について説明していきます。
表示方法変更するためにはウィジェットの設定を変更していく必要があります。
ワードプレスの管理画面から、以下の手順で進めてください。
①外観 → ②ウィジェット
あなたのブログ上でサイドバーがテキストタイトルのみの表示になっている場合は、サイドバーに「最近の投稿」が含まれている状態かと思います。
まずこの「最近の投稿」のウィジェットを選択して「削除」を押し、サイドバーからウィジェットを削除します。
次に、利用できるウィジェットの中から、『[C]新着記事』を探します。
そして『[C]新着記事』のウィジェットをドラッグして、サイドバーに設定します。
ウィジェットの中の「新着記事のタイトル」や「表示数」などを設定したら、右下にある「保存」を押して完了です。
すると以下画像のように、右側のサイドバーには、「サムネイル画像＋タイトルテキスト」が表示されます。
Cocoon以外でサムネイル画像を設定する場合
当ブログのブログテーマは「STORK19」を使っています。
Cocoon以外のテーマはプラグインを追加することで対応可能です。
使用するプラグインは「Recent Posts Widget With Thumbnails」です。
プラグインの設定は以下の手順で進めていきます。
①プラグインの新規追加 → ②検索窓に「Recent Posts Widget With Thumbnails」を入力 → ③ プラグインの「有効化」を押す
プラグインの有効化までできたら、ウィジェットの設定を変更していきます。
ワードプレスの管理画面から、以下の手順で進めてください。
①外観 → ②ウィジェット
サイドバーの中の構成を確認すると、「最近の投稿」のウィジェットが含まれていると思います。
まずこの「最近の投稿」のウィジェットを選択して「削除」を押し、サイドバーからウィジェットを削除します。
次に、利用できるウィジェットの中から、「Recent Posts With Thumbnails」を選択してサイドバーにドラッグします。
表示オプションは自分の好みの設定にしていきましょう。
「ウィジェットのタイトル」や表示する投稿数などの設定が完了したら、最後に「保存する」を押します。
これで設定完了です。
すると以下画像のように、右側のサイドバーには、「サムネイル画像＋タイトルテキスト」が表示されます。
まとめ
いかがでしょうか。
今回は、サイトのサイドバーに表示される記事を「サムネイル画像＋テキストタイトル」に設定する方法をご紹介しました。
ワードプレスを始めたばかりの時は、デフォルトの設定でテキストタイトルのみになっています。
サムネイル画像も一緒に掲載することで、他の記事も読んでもらいやすくなりますので、未設定の人はこの記事を読んで今すぐ直しちゃいましょう！
ウィジェット『[C]新着記事』の[C]はCocoonの頭文字なんだって