プラグイン「Recent Posts Widget Extended」を追加すると、ウィジェットの新着記事一覧をサムネイル（サムネ）付きで表示＆表示したい項目をカスタマイズすることができます。
初期設定でサムネ付きの投稿一覧を表示できないテーマで使うと便利なプラグインです。
サムネ付きの投稿一覧
下記は「Recent Posts Widget Extended」でウィジェットに表示させた新着記事一覧です。
Recent Posts Widget Extendedで表示された最近の投稿
初期設定では、「表示する投稿数」と「投稿日の表示」しかカスタマイズできませんが、このプラグインを使えば、「サムネイルの表示」「コメント数の表示」「抜粋表示」「特定のカテゴリ及びタグのみ表示」「更新日順に表示」等のカスタマイズも可能になります。
設定
Recent Posts Widget Extendedを追加＆有効化し、外観のウィジェット「Recent Posts Widget Extended」から各種設定を行います。
Recent Posts Widget Extendedをウィジェットに配置
基本設定
デフォルトでも機能しますが、僕は下記の4項目を変更しています。
Recent Posts Widget Extendedの設定
| Title | ウィジェットのタイトル |
|---|---|
| Title URL | URLを入力してウィジェットのタイトルにリンクを貼る |
| CSS ID | CSSを適用させたい時のIDを入力 |
| CSS Class | CSSを適用させたい時のClassを入力 |
| HTML or text before the recent posts | ウィジェット最上部に表示させるHTML及びテキスト |
| HTML or text after the recent posts | ウィジェット最下部に表示させるHTML及びテキスト |
| Ignore sticky posts | 先頭に固定した投稿を表示しない |
| Exclude current post | 最新の投稿を表示しない |
| Post Types | 表示する投稿のタイプ（投稿・固定ページ等） |
| Post Status | 表示する投稿のステータス（下書き・未来記事等） |
| Order | 表示順序（降順or昇順） |
| Orderby | 表示順の基準（投稿日・更新日・ランダム等） |
| Limit to Category | 特定のカテゴリーのみ表示 |
| Limit to Tag | 特定のタグのみ表示 |
| Limit to Taxonomy | 特定のカスタム投稿のみ表示 |
| Number of posts to show | 表示する投稿の数 |
| Offset | 最新の投稿を除外（記事数を入力） |
| Display Thumbnail | サムネイルの表示 |
| Thumbnail（height,width,align） | サムネイルの高さ・横幅・位置の指定 |
| Default Thumbnail | アイキャッチ画像未設定の投稿に表示する画像URL |
| Display Excerpt | 抜粋を表示する |
| Excerpt Length | 抜粋の文字数 |
| Display Readmore | Readmore（続きを読む）を表示する |
| Readmore Text | Display Readmoreで表示させるテキスト |
| Display Comment Count | コメント数の表示 |
| Display Date | 日付の表示 |
| Display Modification Date | 更新日の表示（Display Dateと重複不可） |
| Use Relative Date. eg: 5 days ago | 相対日付の表示 |
サムネの大きさは、「ウィジェットの横幅に合わせて縦横比率を維持する」ことをおすすめします。
また、初期設定では「Default Thumbnail」の画像URLが外部サイト「http」になっているので、SSLが無効になる可能性があります。できるだけ自サーバーにアップロードした画像を使って下さい。
設定が終わったら「保存」をクリックして完了です。
カスタマイズ
CSSが編集できる方は、「Use Default Styles」のチェックを外してカスタマイズも可能です。
Recent Posts Widget ExtendedのCSSをカスタマイズ
特に変更する必要はありませんが、記事タイトルの文字を大きくしたい時は「.rpwe-block h3」の「font-size」で調整できます。分からない方はデフォルト推奨です。
最後に
このプラグインを使えば、新着記事一覧以外にも、特定のカテゴリーのみを表示させたり、ランダムで表示させたり、更新日の新しい順に表示させたり、細かいカスタマイズが可能です。
また、この手のプラグインはたくさんありますが、個人的には「Recent Posts Widget Extended」が一番使いやすく、カスタマイズ性にも富んでいると思います。
記事一覧のサムネ表示機能が備わっていないテーマにはおすすめのプラグインです。
最近のコメント