ワードプレス

【図解】最近の投稿の一覧を画像付きで表示する方法

更新日:

今回はサイドバーにある最近の投稿の一覧をサムネイル付きに変更して、ブログをわかりやすくしましょう!

プラグイン「Recent Posts Widget Extended」使ってカスタマイズしていきます。

画像を使って、わかりやすく解説しますので、参考にしてみてください!

プラグインRecent Posts Widget Extendedをインストール

・まず、最近の投稿の一覧を変更前をみてみます。

初期設定だと字がいっぱい並んでるだけでとても見づらいです。

これを見やすく綺麗に変更していきたいと思います。

・まずプラグインRecent Posts Widget Extendedをインストールし、管理画面のプラグインから検索してインストールして、有効化します。

プラグインのインストールは以上です。

 

Recent Posts Widget Extendedを設定

・下記の管理画面の外観からウィジェットを開きます。

 

・この画面に移動しますのでRecent Posts Widget Extendedをドラッグして矢印の方サイドバーウィジェットに移動させます。

 

・このような画面に移動します。変更したところをみていきます。

上記の部分で変更できるのはこちらです

  1. タイトル
  2. サムネイル画像の大きさ
  3. 表示する種類
  4. CSS変更する場合にチェックを外す

まず、何も変更しないで表示するとこんな感じで表示されます。

だいぶ整理されたと思います。

まだ下記の部分が少し不満です。

■ タイトルの英語の変更

■ サムネイル画像が小さい

■ 日付がいらない

■ それぞれのタイトルが小さい

では変更していきましょう。

①でタイトルを変更します。最新の記事にします。

②で好きな画像サイズにします。100ぐらいにします。

③のチェックを外します。

④のチェックを外し、CSSのフォントのサイズを変更します。今回は14にします。

このように変更しますとこんな感じになりました。

だいぶ分かりやすくなったと思います。

あとは自分が好きなようにアレンジして変更していただければと思います。

 

終わりに

今回プラグインRecent Posts Widget Extendedを使ってサムネイル画像を差し込んで最新の記事一覧を作成しました。

だいぶ分かりやすい画面になったと思います。

まだまだ変更できる部分はあると思いますが、初心者なので少しづつ変更していこうと思います。

みなさんもよければ参考にしていただいて、見やすいサイト、ブログを作っていきましょう!

-ワードプレス
-

Copyright© トリヤリ , 2019 All Rights Reserved.