Cocoon WordPress

【Cocoon】カルーセルを簡単に表示させる方法

スポンサーリンク

いろんなブログで上のほうに人気記事をくるくるさせているのありますよね?

 

あのスライドは「カルーセル」と言います。

意味は回転木馬。つまり、メリーゴーランドと言うそうです。

横にぐるぐる回るところから名付けられたそうな。

 

そんなカルーセル。結構実装がめんどくさそうですが、無料テーマである「Cocoon」なら超簡単にできちゃいます!!!

 

今回はその方法を紹介します!!!

 

カルーセルの表示

管理ページを開く

まずCocoon設定から「カルーセル」の欄を選びます。

の「カルーセルの表示」で全ページで表示などをお好みで選択して

の表示内容の「カテゴリー」で表示したいカテゴリーの記事の選択をします。

最低限の設定はこれだけ!!!

 

人気記事のところにチェックを入れると、ブログで人気の記事だけを表示させることができます!

 

さらに下にスクロールさせると、カルーセル全体の表示させる記事の総数を変更できる「最大表示数」や

自動でカルーセルがスライドするか決められる「オートプレイ

自動スライドの秒数の間隔を変更できる「オートプレイインターバル」があります!

 

確認

設定保存して確認するとこのようになっています。

わ~お、一気に見栄えが良くなりますね!!

執筆時点では記事数が5つしかないのでこのような配置になっています通常は6個ずつ表示されます。ご注意を!

 

まとめ

Cocoonの良いところは複雑なことをせずに

クリック1つでこんなことができちゃうところだと思います!!

 

では、この辺で。

こちらもCHECK

【Cocoon】カルーセルを簡単に表示させる方法

いろんなブログで上のほうに人気記事をくるくるさせているのありますよね?   あのスライドは「カルーセル」と言います。 意味は回転木馬。つまり、メリーゴーランドと言うそうです。 横にぐるぐる回 ...

続きを見る

こちらもCHECK

【Cocoon】スキン設定を使って簡単にサイトをカスタマイズする方法

悩んでいる人CocoonをカスタマイズしたいけどCSSとよくわからないな… なら、Cocoonのスキン機能を使ってみたら?女性 CSSをいじらなくてもクリック1つで簡単に設定が可能よ女性 スキン機能を ...

続きを見る

スポンサーリンク

  • この記事を書いた人

Harumachi

現在絶賛引きこもりニートのハルマチです。 とても東大に行きたくなったので現在それに向けて勉強しております。 よろしくお願いします!

-Cocoon, WordPress
-, ,

© 2021 ハルマチのブログ