【解説】カルーセルをWordPress無料テーマのCocoonで表示する方法!

Blog

今回はWordPressの無料テーマであるCocoonにおいて、記事のカルーセルの表示方法についてまとめました。
カルーセルというのは、よく見る画像つきで記事の一覧が出ていて、流れていくスライドショーのようなもののことです。

ブログを行っていくにあたって、デザインというのは非常に大事な部分になっていくので
早速はじめていきましょう!

対象者

  • ブログを作成したがどんなコンテンツを入れたらいいかわからない
  • Cocoonを使用していてカルーセルを入れたいけどやり方がわからない

この記事を読むと

WordPressの無料テーマのCocoonにおいて
どのようにすればカルーセルを入れることができるのかわかるようになります。

画像を用いながら順を追って解説していくので、
どんな方でもわかりやすいものになっています。

カルーセルの設定

WordPressのダッシュボードを開く

まずは各種設定を行うことのできるWordPressのダッシュボードを開きましょう。
左のバーの中にある「Cocoon設定」をクリックします。
すると下の画面に遷移します。

赤枠で囲まれたカルーセルというタブをクリックします。

カルーセルを設定しよう

下記の画面に移ったら、「カルーセルの表示」からカルーセルを表示するページを設定しましょう。
選択できるのは

  • 表示しない
  • フロントページのみで表示
  • 投稿・固定ページ以外で表示
  • 投稿・固定ページのみで表示
  • 投稿ページのみで表示
  • 固定ページのみで表示

です。

この中から選択します。

次に表示内容で人気記事をどの期間で集計したものにするかを選択します。
選択できるのは

  • 本日
  • 7日間
  • 30日間
  • 1年間
  • 全期間

です。
この中からこちらも選択します。

その他の設定は下記のようになっていました。

名称 説明
カルーセルの表示 カルーセルを表示するページを設定する
表示内容 カテゴリーの絞り込み、記事の集計期間を設定する
カルーセルの並び替え カルーセルで表示される記事の並び順を設定する
最大表示数 表示するアイテムの最大表示数を設定する
枠線の表示 カードの枠線を表示するかどうか設定する
オートプレイ 自動でスライドショーのようにカードを送られるようにするかしないか選択する
オートプレイインターバル オートプレイを行う時間を設定する

これらができたら「変更を保存」して完成です!

カルーセルの表示完了!!

以下の画像のように、ブログにカルーセルを表示することができました。

今回はWordPressの無料テーマであるCocoonを使用している方で、カルーセルの表示の仕方がわからないという方にむけて記事を書きました。
ブログ内での回遊率を高めるためにもコンテンツの充実は必須です。

今後も見た目も中身も充実したブログを作成できるように奮闘していきます!

今後も有益な情報を発信していこうと思うので、宜しくお願い致します!

タツ
2020-02-24 03:29:07 Monday

コメント

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