ElementorのLoop Carouselの使い方

ElementorのLoop Carousel機能で、カルーセルの内容が投稿ループで表示できるようになりました!

Loop Carouselは、横方向にスライドするカルーセルです。記事や静的ページなど、さまざまなコンテンツを表示することができます。

今回はこのLoop Carouselの使い方について詳しく紹介します。

Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。
様々なElementorに関する情報がまとめられています。

では早速、Loop Carouselの作成方法を見ていきましょう!

Loop Carouselの作成手順

まずは、下の画像のように『Loop Carouselウィジェット』を挿入し、テンプレートを作成していきます。

『Loop Carouselウィジェット』を挿入し、テンプレートを作成します

もし既に作ったテンプレートがあれば『Choose a template』から選択することもできます。

今回は新しいテンプレートを作成していきますので、まずは『Create a template』をクリックして『SAVE』を選択します。

『Loop Carouselウィジェット』を挿入し、テンプレートを作成します
『Loop Carouselウィジェット』を挿入し、テンプレートを作成します

次に、ポストタイトルやアイキャッチ画像を挿入します。

ポストタイトルやアイキャッチ画像を挿入します

自分の好きなスタイルを設定し『Save & Back』ボタンをクリックしカルーセルに戻ると完成!

自分の好きなスタイルを設定し『Save & Back』ボタンをクリックしCarouselに戻ります

簡単にカルーセルの内容が投稿ループで表示されました!

簡単にCarouselの内容が投稿ループで表示されました!

Queryの使い方動画

Loop CarouselにはQueryという機能があり、記事だけでなく静的ページなども表示することができます。

Queryは目的に応じたコンテンツ表示が可能で、カテゴリーによって表示内容を制御するなど、柔軟なカスタマイズが可能です。

Loop CarouselにはQueryという機能があり、記事だけでなく静的ページなども表示することができます

Elementor Proの色々なウィジェットで出てくるQueryは、こちらの「Queryの使い方」で詳しく説明していますのでご覧ください。

まとめ

Loop Carouselは、見栄えの良いカルーセルを簡単に作成することができます。

記事や静的ページなど、様々なコンテンツを魅力的に表示するための強力なツールですので、ぜひ試してみてください!

Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。
様々なElementorに関する情報がまとめられています。

Naomi Suzuki

このサイトを運営してるナオミです。エンジニア歴13年、海外在住歴20年。
WordPressの情報やハッキングを防ぐ脆弱性の情報と自分の海外での生活の一部を無料のメルマガで配信しています。

目次

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通