サムネイル画像付きで最新記事を表示するRecent Posts Widget Extendedの使い方

2020年9月6日2021年3月8日便利なプラグイン

当サイトのトップページなどで使用しているプラグイン『Recent Posts Wi Extended』
このプラグイは最愛記事を簡単にウィジェットで表示できます。。

またカテゴリー別、更新日順などでも表示できる便利なプラグインです。

今回は『Recent Posts Widget Extendedの使い方』をご紹介します。

Contents

1. インストール
2. 使い方(ウィジェット)
- 2.1. 設定
3. ショートコード
- 3.1. パラメーター
4. 最後に

インストール

使い方(ウィジェット)

場所［外観］［ウィジェット］

『Recent Posts Widget Extended』というウィジェットが追加されているので洗濯して表示したいウィジェットエリアに追加してください。

上の画像のような設定が表示されます。必要な項目を設定してください。

設定

Title

ウィジェットのタイトル

Title URL

ウィジェットタイトルにつけるリンクのリンク先URL

CSS ID・CSS Class

CSSを適用させたい場合のIDまたはクラス名

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

表示する投稿のステータス

Publish (公開)
Future
Draft (下書き)
Pending (保留中)
Private (非公開)
Trash
Auto Draft
Inherit
Request-pending
Request-confirmed
Request-failed
Request-commented
Spam

Order

並べる順序。降順(Descending)または昇順(Ascending)

Order by

表示する条件

ID
Author (書いた人)
Title (記事タイトル)
Date (投稿日)
Modified (更新日)
Random (ランダム)
Comment Count (コメント数)

Limit to Category

非表示にするカテゴリーを選択

Limit to Tag

非表示にするタグを選択

Limit to Taxonomy

非表示にするタクソノミーIDを指定

Number of posts to show

表示件数(「-1」にすると全件表示されます)

Offset

除外する最新記事数を指定

Display Thumbnail

サムネイル画像の表示

Thumbnail (height,width,align)

サムネイル画像のサイズ(横×縦)と画像の位置(Left、Right、Center)を指定

Default Thumbnail

アイキャッチ画像が設定されていない記事に表示する画像のURLを指定

Display Except

抜粋文の表示

Except Length

抜粋文の文字数

Display Readmore

Readmore(「続きを読む」)の表示

Readmore Te t

Readmoreに表示するテキスト

Display Comment Count

コメント数の表示

Display Date

投稿日の表示

Display Modification Date

更新日の表示

UseRelative Date. eg: 5 days ago

現在の日付との差の日数を表示

Use Default Style

デフォルトのCSS(スタイル)を使う場合チェック

Custom CSS

CSS(スタイル)の編集

きらり

設定項目がたくさんあるね。

結耶

うん。それだけ細かく設定できるってことだよね。
たくさんあるけどそれほど難しい設定ではないと思うよ。

設定をしたら忘れずに保存を押してください。

ショートコード

Recent Posts Widget Extendedにはショートコードがあります。ショートコードを使えば記事中などにサムネイル画像付きの記事リストを表示することができます。

[rpwe]

結耶

これがショートコードです。
このショートコードにパラメータを追加します。

パラメーター

limit=“5” (表示する記事件数)
offset=“” (除外する最新記事件数)
order=“” (並べる順序)
orderby=“” (表示する条件)
post_type=“post” (投稿タイプ)
cat=“” (表示するカテゴリー)
tag=“” (表示するタグ)
taxonomy=“” (表示するタクソノミー)
post_status=“publish” (投稿ステータス)
ignore_sticky=“1”
excerpt=“false” (抜粋文の表示)
length=“10” (抜粋文の文字数)
thumb=“true” (サムネイル画像の表示)
thumb_height=“45” (サムネイル画像の高さ)
thumb_width=“45” (サムネイル画像の横幅)
thumb_default=“” (アイキャッチ画像が設定されていない記事に表示する画像)
thumb_align=“” (サムネイル画像の位置)
date=“true”
readmore=“false” (「続きを読む」の表示)
readmore_text=“Read More »” (Readmoreに表示するテキスト)
styles_default=“true”
cssID=“”
before=“”
after=“”

きらり

パラメータもたくさんあるね！

結耶

たくさんあるのはいいけど…値をどう指定したらいいのか解らないものもあるんだよね(^^;)
だからここからは私の備忘録としてパラメータの指定方法を書いておきます。