カルーセルの設定 ~記事を自動でスライド表示させる~

Word Press
スポンサーリンク

大手企業のサイトや通販サイトのトップ画面で

任意の時間が経過すると左右に自動的にスライド表示される

記事や広告を見たことはないでしょうか。

ヘッダーの少ないスペースですが
順番に自動送りで記事が表示されていくので
アピールしたい記事をとても効率よく紹介できます。

実際のイメージはこんな感じです。

 

スポンサーリンク

カルーセル表示方法

Word Press管理画面の
「Cocoon設定」項目内の【Cocoon設定】を開く

Cocoon設定画面にて
【カルーセル】タブをクリック

「カルーセル設定」のページが開く

各種設定

カルーセルの表示

カルーセルを表示するページを設定します。

設定内容は

・表示しない
・全ページで表示
・投稿・固定ページ以外で表示
・投稿・固定ページのみで表示
・投稿ページのみで表示
・固定ページのみで表示

この6つの内容を選択できます。

表示カテゴリー

カルーセルと関連付けるカテゴリを選択します。

表示したカテゴリー項目にチェックを入れて下さい。

カルーセルの並び替え

カルーセルを表示する順番を設定します。

設定内容は
・ランダム
・投稿日(降順)
・更新日(降順)

の3つから選択できます。

最大表示数

カルーセルに表示するアイテムの最大表示数を設定。

デフォルトで 18個 に設定されています。

設定値は
最小:12
最大:120

で設定可能です。

枠線の表示

カルーセルのカードの枠となる罫線を表示するか否かの設定。

チェックを入れることで
カルーセルに表示されるカードに枠となる罫線が表示ます。

オートプレイ

表示設定した記事が、自動的に送り表示になるか否かの設定。

チェックを入れると、自動送りを実行します。

オートプレイインターバル

カルーセルの自動送りを実行する間隔(時間)の設定。

任意に指定した時間でカルーセルが自動で送られるようになります。

 

設定が決まれば

【変更をまとめて保存】をクリックして

設定完了となります。

コメント