カルーセルとはメリーゴーランドのことですがWEBサイトではヘッダー直下で関連記事がぐるぐる回る表示形式のことです

2023.02.07
この記事は約3分で読めます。

カルーセル「カルーセル」とは本来はメリーゴーランドとか回転木馬のことをいいます。
WEBサイト関連で「カルーセル」とは、ヘッダー直下で関連記事の画像スライドがぐるぐる回る表示形式のことをいいます。画像スライドはタッチ（またはクリック）すると該当記事に飛ぶことができますし、なにより見ているだけで楽しいので滞在時間を長くすることができます。多数のコンテンツを持っているサイトにとってカルーセルの設置は記事の回遊性を高める有効な手段となります。

カルーセルを設定してみました

コクーン（Cocoon）というワードプレスのテーマにはカルーセル機能が標準でついています。試しに使ってみました。

パソコンでのカルーセル表示

パソコンのブラウザではカルーセルで表示できる記事数は６個です。標準の記事数は18個なので、6個セットが3回転することになります。

スマホでのカルーセル表示

スマホでは表示できるカルーセルは２個になります。上記のパソコンの設定と同じなので18個の記事数は2個セットで9回転することになります。

コクーンでカルーセルを設定する方法

カルーセルの解説

コクーンのカルーセル解説ページ
https://wp-cocoon.com/carousel-setting/

ワードプレス（WordPress）のダッシュボードの左側メニューにあるコクーンのCocoon設定を開きます。コクーン専用メニュー内に「カルーセル」というタブがあるのでクリックすると設定画面になります。

カルーセルの設定

とりあえず以下のような設定にしてみました。

・カルーセルの表示　全ページ
・表示内容　過去７日間の人気記事
・最大表示数　12（表示する記事数）
・オートプレイ　自動
・オートプレイインターバル　7秒

最大表示数を12にしたのは、スマホユーザーの立場を優先したからです。記事は2個セットでしか表示されないので12の記事でも元に戻るまでに6回転必要です。標準設定の18個だと9回転必要なので、ちょっと9回転は多すぎるかなと思ったからです。

とりあえずこれで様子を見てみます。

カルーセルを記事のリライトのために使う

カルーセルを使いだしてから過去の記事をリライトすることが増えました。

というのは、カルーセルで表示されるのは閲覧が多い人気記事なので、自分自身も気になります。そのページを開いてみると、画像にエラーがあったり、適切な見出しがついていなかったり、今読み返すと記述内容が不足していたりと、気になることがでてきます。

そこで、その部分は修正をするということが多くなりました。

不思議なもので、リライトして修正するとそのページの閲覧数がまた増えるというような循環が起きます。

誰のためのカルーセルなのか（笑）

ユーザーのためというよりも自分のためなのかもしれません。