最新のブログ投稿カルーセル要素の使い方
この記事では、 systeme.io のPost list page(投稿一覧ページ)で最新のブログ投稿のカルーセルを使用する方法を説明します。
画面上部メニューより 「ブログ」 タブ(画像の1番)を開き、 「ブログの題名」 (画像の2番)をクリックします。

ブログメニューから、 「ページ」 セクション(画像の3番)に移動し、 「Post list page(投稿一覧ページ)」 の3つの点(...)にカーソルを合わせて 「編集する」 (画像の4番)をクリックしてください。

Post list page(投稿一覧ページ)のエディターで、 「最新のブログ投稿カルーセル」 という要素をドラッグしてページにドロップすると、投稿は自動的にその要素に表示されます。

この項目で設定できる最も重要な設定は以下の通りです:
カルーセルのスライド数:このカルーセルに表示される投稿記事の数を設定します。
ブログ投稿画像の位置:テキストの上、テキストの左側、背景画像のいずれかを選択できます。
カテゴリー:特定のカテゴリーのみをカルーセルに表示したい場合。
1行あたりの投稿数:1行に複数の投稿記事を表示することができます。
矢印ナビゲーションの表示・非表示:矢印を表示する場合はチェックを入れてください。
コントロールの色:スライドコントロールの色。
矢印の色 : スライドを変更する矢印の色。
コンテンツの背景色:カルーセルのコンテンツの背景色を変更します。
サイズ、マージン、テキストフォント(タイトルと説明)の設定

関連記事:
Systeme.ioを使ったブログの作り方
ブログの投稿一覧ページの設定方法
ブログ投稿の作り方
ブログページの作り方
画面上部メニューより 「ブログ」 タブ(画像の1番)を開き、 「ブログの題名」 (画像の2番)をクリックします。

ブログメニューから、 「ページ」 セクション(画像の3番)に移動し、 「Post list page(投稿一覧ページ)」 の3つの点(...)にカーソルを合わせて 「編集する」 (画像の4番)をクリックしてください。

Post list page(投稿一覧ページ)のエディターで、 「最新のブログ投稿カルーセル」 という要素をドラッグしてページにドロップすると、投稿は自動的にその要素に表示されます。

この項目で設定できる最も重要な設定は以下の通りです:
カルーセルのスライド数:このカルーセルに表示される投稿記事の数を設定します。
ブログ投稿画像の位置:テキストの上、テキストの左側、背景画像のいずれかを選択できます。
カテゴリー:特定のカテゴリーのみをカルーセルに表示したい場合。
1行あたりの投稿数:1行に複数の投稿記事を表示することができます。
矢印ナビゲーションの表示・非表示:矢印を表示する場合はチェックを入れてください。
コントロールの色:スライドコントロールの色。
矢印の色 : スライドを変更する矢印の色。
コンテンツの背景色:カルーセルのコンテンツの背景色を変更します。
サイズ、マージン、テキストフォント(タイトルと説明)の設定

関連記事:
Systeme.ioを使ったブログの作り方
ブログの投稿一覧ページの設定方法
ブログ投稿の作り方
ブログページの作り方
更新日 31/05/2025
ありがとうございます