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

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

Gutenberg

記事一覧ブロック

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

クラッシックエディター（ショートコード）

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

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

2026/8/17

AIで要約するボタン

本機能はver20260817以降より実装されています 既存のAIサービスを利用してユーザーに要約を促すボタンです。 ユーザーがAIを選択してボタンを押すとプロンプトが挿入された状態でサービスに遷移します。 ユーザーの利用サービスを活用するので提供側の課金やAPIなどは不要です。 設定方法 AFFINGER管理の「SNS/OGP」パネルにあります。 EX版では簡易的にクリック回数を計測でき、利用頻度を知ることができます。 注意事項 動作保証及び出力内容などは各AIサービスに依存します。 AIサービスによっ ...

ReadMore

2026/8/17

背景画像：透過グラデーション

本機能はver20260817以降より実装されています カスタマイザーの「背景画像」＞”透過グラデーション”で任意のカラーで透過グラデーションを背景に設定できます。 「透過グラデーション」の配置は固定です。 「スクロール連動する」を有効化するとスクロールに連動します。

ReadMore

2026/8/17

背景スライドショー

本機能はver20260817以降より実装されています 背景、headerエリア、ヘッダー画像エリアに複数の画像を背景としてスライド表示する機能です。 設定方法 ヘッダー画像に画像を登録する カスタマイザーのヘッダー画像に2枚以上の画像を登録します。 画像が大きすぎたり多すぎる場合は動作が重くなるなど不具合が生じる場合がございます。実際の動作を確認しながら設定してください AFFINGER管理「ヘッダーコンテンツ」 AFFINGER管理の「ヘッダー（ナビ/画像）」の「ヘッダー画像エリア」＞「表示コンテンツ ...

ReadMore

2026/7/29

動画背景

サイトの背景に動画（.mp4）ファイルを表示する方法を解説します。 動画背景の設定方法 動画（MP4）ファイルをアップロードする 「メディア」に表示したい動画ファイル（※ .mp4 ）をアップロードします。 ファイルをクリックして「添付ファイルの詳細」を開き、「URLをクリップボードにコピー」をクリックしてコピーします。 ファイルサイズの目安 PC用：5MB以下 スマホ用：2〜3MB以下 ※ファイルサイズは小さいほど有利です。 AFFINGER管理 「AFFINGER管理」の「全体設定」＞”動画背景”設定 ...

ReadMore

2026/7/3

表示期間ブロック

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

ReadMore

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

使用エリア

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

表示列数について

デフォルトの状態では

となっています。

スライドショー専用引数

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

slides_to_show

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

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

例えば

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

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

注意ポイント

• 指定できる列数は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ページには対応していません
• 本機能と他プラグインが干渉する場合はどちらかを使用しないようにお願い致します。