cocoonカルーセル(スライドショー)を実装しよう!デフォルト機能でできる!

ワードプレス
スポンサーリンク
銀ペン
銀ペン

カルーセルってなんだ?

sabo
sabo

最近のブログやサイトで、スライドショーみたいなの見たこと無い?
cocoonはプラグインを入れなくても、カルーセルで導入可能なんだよ!

今回はcocoonにスライドショーを実装する方法をご紹介します。
プラグインで導入するのが通説でしたが、cocoonではデフォルト機能にこの機能(カルーセル)があるのでそちらを利用すれば、とても簡単に実装できますよ。

スポンサーリンク

cocoonカルーセル(スライドショー)の設定方法

cocoon設定に入ります。タブからカルーセルを選択すると設定画面が開きます。

カルーセル設定画面になるので、表示する項目を設定していきます。

カルーセル表示/非表示
カルーセルの表示ページを下記から選択します。
・表示しない
・全ページで表示
・フロントページのみで表示
・投稿・固定ページ以外で表示
・投稿・固定ページのみで表示
・投稿ページのみで表示
・固定ページのみで表示

スマートフォン表示
スマートフォンで表示したい場合は
スマートフォンで表示にチェックを入れます。

表示項目
人気記事・カテゴリー・タグから選択できます。
好みのものを選択しましょう。

カルーセルの並び替え
ランダム・投稿日・更新日 から選択できます。

最大表示数
12~120まで設定可能です。テストしつつ自分好みにしましょう。

枠線の表示
カードの枠線を表示/非表示

オートプレイ
スライドショーのように動かしたい場合はチェックを入れます。

オートプレイインターバル
1~30秒でスライドの速度を変更できます。

変更をまとめて保存をクリック
表示指定した自分のブログのページを確認してみましょう。

銀ペン
銀ペン

やった~できた!
コレはなかなかいい感じ♪

sabo
sabo

一気にブログに動きが出て良いよね♪

コメント

タイトルとURLをコピーしました