悩めるパンダ
ブログにカルーセルを設置して、もっとブログを華やかにしたいんだけど…
この記事では、ブログのヘッダー下にオススメ記事などのカルーセルを表示する方法を解説しています。
この記事はこんな方にオススメです。
- ブログ初心者
- WordPressの無料テーマ「Cocoon」を使っている
- 「Cocoon」でカルーセルを表示させたい
設定方法はとっても簡単！
3分とかからずでき、カルーセルがあることでブログが華やかになりますので、是非試してみてくださいね！
ワードプレス「更新に失敗しました。返答が正しいJSONレスポンスではありません。」解決方法
(adsbygoogle = window.adsbygoogle || []).push({});
SAYA
ブログを更新しようとしたら、更新できない！
原因がなんなのかわからない！
...
www.sayakaslifestyle.com
2021.10.28
ワードプレスにログインできない対処法（初心者向けConoHa WING編）
(adsbygoogle = window.adsbygoogle || []).push({});こんにちは！上海在住美容フリーランスのSAYA中平彩香@SayakaN914です！ブログを始...
www.sayakaslifestyle.com
2020.12.09
ワードプレス無料テーマ「Cocoon」でカルーセルを設定する方法
設定方法
WordPressの管理画面から、「cocoon設定」を開きます。
「cocoon設定」の中から「カルーセル」を開きます。
カルーセルの表示
カルーセルを表示させたい場所を選びます。
SAYA
私はブログのフロントページだけに表示させたいので、「フロントページのみの表示」を選択してます！
表示内容
カルーセルに表示する記事の内容を「カテゴリー別」「タグ別」で指定することができます。
表示させる記事を特に決めているわけではない場合は、「人気記事」のチェックを入れましょう。
表示方法の設定
- カルーセルの並び替え
ランダム、投稿日、更新日順から選びます。
- 最大表示数
カルーセルでスクロールさせる記事数を設定します。
- 枠線の表示
表示させる画像に枠線を表示させるか選択します。
- オートプレイ
カルーセルを自動でスライドさせるか選択します。
- オートプレイインターバル
オートプレイする場合の時間間隔を選択します。
設定を完了しまたら、忘れずに「変更をまとめて保存」をクリックします。
設定結果確認
保存をしてから、設定を確認します。
実際のカルーセルの作動は、こちらのリンクから確認できます。
まとめ
カルーセルを表示させると、ブログが華やかになりますよね！
そして、カルーセルに表示させることで、埋もれてしまっていた記事もみられる確率が上がります。
今回解説したように、設定は3分ほどで簡単にできますので、是非活用してみて下さいね！
SAYA
それではこの辺で！
SAYA@SayakaN914でした。
コメント