スポンサーリンク

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

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

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

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

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

スポンサーリンク

インストール

Recent Posts Widget Extended

インストール方法

  1. WordPress管理画面から[プラグイン][新規追加]
  2. Recent Posts Widget Extended』を検索
  3. [今すぐインストール]して[有効化]する

使い方(ウィジェット)

場所[外観][ウィジェット]

『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=“”
きらり
きらり

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

結耶
結耶

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

※デフォルト値は省略しても大丈夫です。

表示件数を指定

[rpwe limit="5"]

表示するカテゴリーのIDを指定。複数の場合は「 , (カンマ)」で区切って指定する。

表示するカテゴリーを指定

[rpwe cat="カテゴリーのID"]

表示するカテゴリーのIDを指定。複数の場合は「 , (カンマ)」で区切って指定する。

表示するタグを指定

[rpwe tag=タグのID"]

表示するタグのIDを指定。複数ある場合は「, (カンマ)」で区切る。

表示するタグソノミーを指定

[rpwe taxonomy =タクソノミーのID"]

表示するタクソノミーのIDを指定。複数ある場合は「, (カンマ)」で区切る。

投稿日順で表示

[rpwe orderby="date"]

デフォルト

更新日順で表示

[rpwe orderby="modified"]

ランダム表示

[rpwe orderby="rand"]

並べる順序

[rpwe order="DESC"]

降順(デフォルト) order="DESC" | 昇順 order="ASC"

サムネイル画像を付ける

[rpwe thumb_height="45" thumb_width="45"]

thumb_height="高さ"、thumb_width="横幅"を数値で指定

サムネイル画像の表示位置を指定

[rpwe thumb_align=" rpwe-alignleft"]

画像左(デフォルト) thumb_align=" rpwe-alignleft" | 画像右 thumb_align=" rpwe-alignRight" | 画像中央 thumb_align=" rpwe-aligncenter"

固定ページを表示

[rpwe post_type="page"]

投稿を表示 post_type="post" (デフォルト) | 投稿・固定ページ両方表示 post_type="post,page"

最後に

先日トップページを作り替えため「Recent Posts Widget Extended」のショートコードを使おうと思ったときに一部のパラメータの値が解らずちょっと苦労しました。
なので今回備忘録も兼ねて記事を書きました。

「Recent Posts Widget Extended」は簡単に最新記事リストを表示できるプラグインです。サイドバーなどにはウィジェット、記事中にはショートコードで表示できます。

きらり
きらり

スタイルもすでに設定されているから初心者の人でも簡単に綺麗にできるね。

結耶
結耶

そうだね~(*^^*)助かるよね~。

「サムネイル付きの記事一覧を作りたい!」と思っている方は参考にしてください。

応援よろしくお願いします。
      ブログランキング・にほんブログ村へ

お問い合わせはこちら
この記事を書いた人
結耶(ゆうや)

2017年9月からブログを始め、2018年1月にWordPressに変更しました。知識ゼロのから始めた超初心者で、WordPressやHTML、CSSなど勉強したことを書いています。
愛知県在住。多発性硬化症(MS)という難病と闘っています。

登場キャラクター
きらり
きらり

ある日ひょっこり現れ住みついた居候(いそうろう)。今は結耶と一緒にWordPressやアフィリエイトのことを勉強している。
性別は♂ 。どこから来たかは不明。

楽天ROOM