PC・スマホ画面にどんな風に表示されるの？
カルーセルスライダーの設定だけを知りたい方は下記のスキップをクリックしてね。カスタマイズ内容を詳しく解説する項目までスキップするよ！
PC画面上の表示はこんな感じ！
PC画面上でのカルーセルスライダーは上部画像のように表示されます！PC画面は大きいので、1画面に5記事ほど見えている状態になります。
・ドラッグで左・右に動かす。
・画面上の「＜」「＞」をクリックして動かす。
スマホ画面上の表示はこんな感じ！
スマホ画面上でのカルーセルスライダーは上部画像のように表示されます！PC画面と比べて画面が小さくなるので、1画面に約3記事が見えている状態になります。
・指で左・右に動かす。
設定画面までの手順を覚えよう！
【ダッシュボード】
【外観】
【カスタマイズ】
【TOPページ設定[THE]】
【カルーセルスライダー設定】
カスタマイズ内容を詳しく解説！
- カスタマイズ内容の項目一覧
カルーセルスライダーを表示するか選択 表示条件を選択 指定するIDを入力 表示件数を指定 画像アスペクト比を選択 アイキャッチ上のカテゴリを非表示にする
カルーセルスライダーを表示するか選択
カルーセルスライダーの設定は初期設定では「非表示」になっていますので、使用する場合は、こちらの項目で「表示」に設定しましょう！
選択内容
・非表示 (default)
・表示
表示条件を選択
表示条件を設定することで、自分が表示させたい記事や表示させたいカテゴリなどを細かく指定して表示させることができます！
選択内容
・無し (default)
・指定した投稿を表示
・指定した投稿以外を表示
・指定したカテゴリの投稿を表示
・指定したカテゴリ以外の投稿を表示
指定するIDを入力
上記の画面は記事のIDが記載されている場所です。「表示条件」を選択したら条件に沿った記事のIDを入力してみよう！
ID入力の参考
上記の画像は実際にIDを入力した時の画面になります。この時は、表示条件として「指定した投稿を表示」を選択していて、表示させたい記事のIDだけを入力しました！
表示件数を指定
表示件数を指定の項目では「表示させる記事の本数」を指定することができます。指定するIDを入力している場合は、表示件数は「空白」でOKです。
画像アスペクト比を選択
上記の画像はアスペクト比の比較をした参考画像です。３種類の比率から選択できますが、基本的には初期設定の「16:9」でいいと思います！
※上記のアスペクト比「1:1」はアイキャッチ画像を「16:9」で作成していた為、両サイドが自動的にカットされて見切れています。選択内容
・16:9 (default)
・4:3
・1:1
アイキャッチ上のカテゴリを非表示にする
上記の画像はアイキャッチ画像上の「カテゴリ表示あり・なし」の比較です！思っているよりカテゴリ表示が大きいので、文字が入っている場合などは隠れてしまう可能性があります。
カテゴリ表示を非表示にしたい場合は「アイキャッチ上のカテゴリを非表示にする」にチェックを入れるだけでOKです！
合わせて読みたいアレやコレ!