ACTION EX限定

記事一覧スライドショー機能

当機能はEX版限定機能となっております

記事一覧スライドショーは今までの「記事一覧ショートコード」をさらにスライドショーで表示する機能です

Gutenberg

記事一覧ブロック

設定項目はカテゴリ一覧ブロックなどと同様です。

クラッシックエディター(ショートコード)

従来どおり、「タグ」>「その他パーツ」>「記事一覧」でショートコードを挿入します。

[st-postgroup id="記事ID" rank="" slide="off" slides_to_show="3,3,2" slide_more="ReadMore"]

新しく追加されたslide="off"の部分のslide="on"に変更します。

no image

2026/7/3

表示期間ブロック

ブロック内の要素の表示期間を指定できるブロックです。 「期間設定を有効にする」を有効にすると設定した開始日時から終了日時まで表示します。

ReadMore

2026/7/2

レビューブロック

レビューブロックは、商品やサービスを「誰が・どんな立場で・何点か・どう感じたか」をひと目で伝えるためのブロックです。 顔写真(アバター)と星評価、見出しのようなタイトル、属性ラベル(例:年齢層・利用歴・職業など)を並べ、本文は通常の段落ブロックで自由に書けます。 口コミ・体験談・アフィリエイト記事の「信頼の見せ方」を、デザインを崩さずサイトに合わせて整えたいときに向いています。 コメントタイトルユーザー属性 これはコメントエリアです。これはコメントエリアです。これはコメントエリアです。これはコメントエリア ...

ReadMore

no image

2026/6/15

GoogleMap埋め込みブロック

「GoogleMap埋め込みブロック」はその名のとおりGoogleMapを埋め込むブロックです。 GoogleMpaで埋め込みたい住所を開く GoogleMpaで埋め込みたい住所を開いて「共有」ボタンをクリック HTMLをコピーする 「地図を埋め込む」をクリックして「HTMLをコピー」でHTMLをコピーします。 GoogleMap埋め込みブロックにHTMLをペースト GoogleMap埋め込みブロックを設置して先ほどのHTMLをペーストして「埋め込みを反映」をクリック。 サイドバーの設定でカスタマイズがで ...

ReadMore

no image

2026/6/14

ステップブロックについて

ステップ形式でデザインを作成できるブロックです。 「ステップ項目を追加」でステップ数を追加できます。 コンテンツ開閉について

ReadMore

no image

2026/6/11

セールスカードブロックについて

サービスへの想いやユーザーの声など STAFF私たちが作っています これはダミーのテキストですこれはダミーのテキストです Favorite自家製ケーキが人気 これはダミーのテキストですこれはダミーのテキストです アイコンでシンプルに~商品の紹介や比較、提案に。 Googlegoogle.com オリジナル作品と海外ドラマ・映画が強く、独占コンテンツの質が高い。 AppleAppleapple.com 月額が安く配送特典なども含む高コスパ型で幅広いジャンルをカバー。 Metameta.com 日テレ系番組や ...

ReadMore

上記のようにスライドショーで表示されます。

使用エリア

原則として、「記事エリア内」での使用を想定しています。その他は確認しておりませんので各自、チェックの上でご利用下さいませ。

表示列数について

デフォルトの状態では

960px以上(大画面)3列
600px~959px(中画面)2列
599px以下(小画面)1列

となっています。

スライドショー専用引数

スライドショーには以下の専用引数を追加することでカスタマイズが可能です

slides_to_show

slides_to_showは各閲覧サイズ時の列数を指定できます。

各列数は「大画面,中画面,小画面」の順に「,(半角カンマ)」で区切って指定して下さい。

例えば

slides_to_show="3,3,3"

では、全サイズで3列表示

slides_to_show="3,3,2"

では大画面と中画面で3列、小画面では2列になります。

[st-postgroup id="5198,4956,4911,4796" rank="" slide="on" slides_to_show="3,3,2" slide_more="ReadMore"]

注意ポイント

  • 指定できる列数は3~1です
  • 小さい画面の列数が大きい画面の列数より上になる指定はできません(自動で修正されます)
  • サイドバーや小画面にて3列を指定するとレイアウトが崩れやすいので御了承下さい
  • 記述ミスや漏れがある場合は自動修正されます

slide_date

「slide_date="off"」で投稿日(又は更新日)を非表示に出来ます。

[st-postgroup id="5198,4956,4911,4796" rank="" slide="on" slides_to_show="3,3,2" slide_more="ReadMore" slide_date="off"]

slide_more

「slide_more="テキスト"」でReadMoreを任意のテキストに変更できます

[st-postgroup id="5198,4956,4911,4796" rank="" slide="on" slides_to_show="3,3,2" slide_more="続きを読む"]

rank="on"

「rank="on"」とすることでナンバーのラべリング付スライドショーとなります

[st-postgroup id="5198,4956,4911,4796" rank="on" slide="on" slides_to_show="3,3,2" slide_more="ReadMore"]

  • まず無いと思いますが99以上のラベリングはデザインがはみ出る可能性がございます。
  • 「rank="on"」の場合は設定に関わらずカテゴリリンクは非表示となります

各パーツ説明

  1. 「カテゴリ」リンクは「テーマ管理」>「投稿・固定記事設定」>「記事一覧・関連記事一覧などにカテゴリを表示する」に連動しています。
  2. 表示されるコンテンツの高さは規定です(エリア以上の内容は表示されません)
  3. スライドアイコンはスライドに必要な数が無い場合は表示されません。また「テーマ管理」>「ヘッダー」>「スライドショーの矢印アイコンを非表示にする」に連動しています
  4. スライダーのドットは必要な数が無い場合は表示されません。また、11以上のスライドがある場合も非表示となります。

ご利用の注意

  • 多用されるほど処理に時間を要します。記事数が多い場合はそのぶん、読み込みの処理が必要になります。
  • スマートフォンサイズ(小画面)でも一応3列表示は可能ですが幅が狭いためレイアウトが崩れる可能性が高くなりますので2列以下推奨です。
  • サムネイル画像の縦横比によっては余白ができる場合があります
  • 極端に多いカテゴリなどコンテンツによってはデザインが崩れる可能性がございますので適宜、調整ください。
  • AMPページには対応していません
  • 本機能と他プラグインが干渉する場合はどちらかを使用しないようにお願い致します。

解決しないことは検索もしてみてね

-ACTION, EX限定

AFFINGER7公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -