投稿リスト(Pro版のみ)


投稿リストを固定ページに表示することができます。好きな場所に投稿リストを呼び出せるのでトップページなどの作成に大変便利な機能です。

使い方

ブロックを挿入する

「+」ブロック挿入アイコンをクリックしてブロックライブラリを開き、「投稿リスト」を検索し、クリックして 編集画面に挿入します。

設定項目

表示条件

投稿タイプ(投稿、固定ページなど)分類絞り込み条件、表示件数

投稿タイプ(投稿、固定ページなど)や分類、表示件数を設定できます。

期間

※ 未来の期間を選択する場合は、未来の投稿が即時公開になるように別途カスタマイズが必要です。

  • 全期間:全部表示されます。
  • 今日以降:今日以降の投稿が表示されます。
  • 現在以降:現在以降の投稿が表示されます。
  • 明日以降:明日以降の投稿が表示されます。

表示順

また、並び順の切り替えもできます。

  • 昇順(ASC) / 降順(DESC)
  • 公開日 / 更新日 / タイトル / ランダム

オフセット機能

通常2件目に表示される記事から表示する、などの指定ができるようになります。

ブロックの設定画面、【表示条件】→【オフセット数】の項目から設定してください。たとえば2件目から表示したい場合はオフセット数を「1」にしますと、記事の2件目から表示されます。

2件目から表示する場合はオフセット数「1」にする

【応用】表示する記事のオフセットで複数のレイアウトを組み合わせて表示可能

例えば、公開日順で新しい記事の4件目から表示するという事も可能です。

この機能によって、まず1件だけ 表示タイプ「カード」を選びカラム1で配置し、その下にまた投稿リストを設置し、今度は同様に「カード」を選んでカラム3にして表示記事のオフセットを 1 にすれば、ブロックとしては2つの投稿リストを使用していますが、見た目は一つのグループとしてまとまります。

投稿リストを複数組み合わせたレイアウト例

この投稿を除く

例えば、投稿ページの記事内に「投稿リストブロック」を配置して、【表示条件】の「投稿タイプ」を「投稿」にした場合、「この投稿を除く」にチェックを入れますと、現在の投稿ページを、投稿リストから除外することができます。

通常は同じ投稿タイプ内の記事内に投稿リストを配置した場合は、リストに現在の投稿ページが表示される
「この投稿を除く」にチェックを入れると、現在の投稿ページが除外される

表示タイプとカラム

表示タイプをカード、カード(線なし)、カード(水平)、メディア、テキストリストと変更することができます。カラムは6まで指定でき、画面サイズに応じて表示レイアウトを変更可能です。

カード

イベントレポート
WordCamp Tokyo 2023 を振り返ってみました
WordPress
WordPress 6.4 で気になる新機能・ブロックエディタ周りのアレコレ
WordPress
WordPress 6.4 で追加された wp_admin_notice() で管理画面に通知を表示してみた
WordPress
WordPress 6.4 で追加された theme.json でのレイアウトコントロール( allowEditing )の無効化設定について
WordPress
WordPress の theme.json での流体タイポグラフィ(Fluid typography)と 6.4 での 最大・最小 ViewportWidth 指定の覚書
WordPress
WordPress 6.4 で追加される Block Hooks を試してみた

カード(線なし)

イベントレポート
WordCamp Tokyo 2023 を振り返ってみました
WordPress
WordPress 6.4 で気になる新機能・ブロックエディタ周りのアレコレ
WordPress
WordPress 6.4 で追加された wp_admin_notice() で管理画面に通知を表示してみた
WordPress
WordPress 6.4 で追加された theme.json でのレイアウトコントロール( allowEditing )の無効化設定について
WordPress
WordPress の theme.json での流体タイポグラフィ(Fluid typography)と 6.4 での 最大・最小 ViewportWidth 指定の覚書
WordPress
WordPress 6.4 で追加される Block Hooks を試してみた

カード(インテキスト)

イベントレポート
WordCamp Tokyo 2023 を振り返ってみました
WordPress
WordPress 6.4 で気になる新機能・ブロックエディタ周りのアレコレ
WordPress
WordPress 6.4 で追加された wp_admin_notice() で管理画面に通知を表示してみた
WordPress
WordPress 6.4 で追加された theme.json でのレイアウトコントロール( allowEditing )の無効化設定について
WordPress
WordPress の theme.json での流体タイポグラフィ(Fluid typography)と 6.4 での 最大・最小 ViewportWidth 指定の覚書
WordPress
WordPress 6.4 で追加される Block Hooks を試してみた

カード(水平)

メディア

イベントレポート
WordCamp Tokyo 2023 を振り返ってみました
WordPress
WordPress 6.4 で気になる新機能・ブロックエディタ周りのアレコレ
WordPress
WordPress 6.4 で追加された wp_admin_notice() で管理画面に通知を表示してみた
WordPress
WordPress 6.4 で追加された theme.json でのレイアウトコントロール( allowEditing )の無効化設定について
WordPress
WordPress の theme.json での流体タイポグラフィ(Fluid typography)と 6.4 での 最大・最小 ViewportWidth 指定の覚書
WordPress
WordPress 6.4 で追加される Block Hooks を試してみた

テキストリスト(1カラム)

表示要素

  • 表示する要素(画像・分類名・抜粋・日付・新着表示・ボタン)の設定
  • 新着表示した場合はその日数設定と新着表示文字設定(New!!など)
  • ボタン表示した場合は、 ボタンの文字(Read moreなど) 、 ボタンの位置(左・中央・右)
イベントレポート
WordCamp Tokyo 2023 を振り返ってみました
WordPress
WordPress 6.4 で気になる新機能・ブロックエディタ周りのアレコレ
WordPress
WordPress 6.4 で追加された wp_admin_notice() で管理画面に通知を表示してみた

「投稿者」にチェックを入れるとこのように投稿者情報が表示されます。

分類名・分類について

表示要素の「分類名」にチェックを入れると、アイキャッチの右上に投稿のカテゴリーが自動で一つ表示されます。カテゴリーなどを全件表示したい場合は「分類」にチェックを入れることで抜粋文下にカテゴリーなどを全件表示できます。

表示要素:分類名にチェック

イベント情報
11/30(木)20時〜「今月の製品アップデート情報」YouTube配信 + オンライン質問会を実施します【無料】

10/30(木)20時〜「今月の製品アップデート情報」YouTube配信 + オンライン質問会を実施します。

表示要素:分類にチェック

【岡山 11/25】Okayama WordPress Meetup に登壇します

2023年11月25日(土)に岡山県倉敷市で開催される「Okayama WordPress Meetup」に、弊社代表 石川が登壇します。

カテゴリー
イベント情報

分類の絞り込みについて

「分類絞り込み条件」では、 「OR(どれか)」「AND(すべて)」から選べるようになっています。 以前の投稿リストはORで絞り込む仕様でしたが、VK Blocks Pro 1.44.0 移行では AND にも対応しています。

例えば、カスタム投稿タイプ「イベント情報」を作成し、以下のように分類したイベント情報の記事が複数あるとします。これから開催予定のコンサート・演劇だけを一覧表示したい場合は、「AND(すべて)」を選び、「開催予定」と「コンサート・演劇」にチェックを入れることで、該当の記事だけが一覧表示されます。

  • イベント種別(カスタム分類)
    • コンサート・演劇
    • 講演・勉強会
    • スポーツ
  • イベント状況(カスタム分類)
    • 開催予定
    • 開催中
    • 終了

表示される分類のカスタマイズ

『分類』にチェックを入れると、投稿に紐付いているカスタムタクソノミーも全て取得して表示されてしまいます。
しかしながら、特定のプラグインの制御用などで使われるタクソノミーで一般の記事には表示させたくないという場合は、そのタクソノミーを以下のように登録すれば場外する事ができます。

// 特定のタクソノミーを非表示にする
add_filter( 'vk_get_display_taxonomies_exclusion', function( $exclusion ){
    // 除外したいタクソノミーのスラッグ(複数ある場合は複数行書いてください)
    $exclusion[] = 'category';
   return $exclusion;
} );

Outerブロックと組み合わせた例

ピックアップやおすすめ記事など、特に読んでもらいたい記事をOuterブロックと投稿リストを組み合わせることで、以下のような表示も可能です。PC表示の時に記事が6カラムになるように設定しています。

選択投稿リスト(Pro版のみ)

「選択投稿リスト」ブロックは、表示するページを任意に指定する事ができます。

PAGE TOP

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。