プラグイン「Recent Posts Widget Extended」を追加すると、ウィジェットの新着記事一覧（最近の投稿）をカスタマイズすることができます。
WordPressの初期設定では、「表示する投稿数」と「投稿日の表示」しか変更できませんが、このプラグインを使えば「サムネイルの表示」「コメント数の表示」「抜粋表示」「特定のカテゴリ及びタグのみ表示」「更新日順に表示」のカスタマイズが可能になります。
Recent Posts Widget Extendedで表示できる新着記事一覧
Contents
設定
Recent Posts Widget Extendedを追加＆有効化し、外観のウィジェット「Recent Posts Widget Extended」から各種設定を行います。
Recent Posts Widget Extendedをウィジェットに追加
基本的な設定
細かい設定もできますが、下記の5つの項目は最低限設定して下さい。
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 | アイキャッチが設定されていない投稿に表示する画像 |
| 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」の高さと横幅は、できるだけThumbnailの比率に合わせることをお勧めします（比率がずれているとデザインが崩れる可能性がある）。
カスタマイズ
「Use Default Styles」のチェックを外してCSSをカスタマイズすることもできます。
CSSのカスタマイズ
特に変更する必要はありませんが、記事タイトルの文字を大きくしたい時は「.rpwe-block h3」の「font-size」を変更します。画像にカーソルを乗せた際、画像を半透明にさせたい時は下記CSSを追加します。後は自由にカスタマイズして下さい。
|
1 2 3 |
.rpwe-ul a:hover img { opacity:0.8;/*半透明度80%*/ } |
設定が終わったら「保存」をクリックして完了です。
最後に
新着記事一覧以外にも、特定のカテゴリーのみを表示させたり、ランダムで表示させたり、更新日の新しい順に表示させたり、かなり細かいカスタマイズが可能です。
この手のプラグインはたくさんありますが、個人的には「Recent Posts Widget Extended」が一番使いやすく、カスタマイズ性にも富んでいると思います。
最近のコメント