Elementorの画像ギャラリーウィジェットの使い方

執筆者 | 更新日 2020年02月10日 | Elementorの使い方 | コメント0件

Elementorの画像ギャラリーウィジェットとは?

Elementor 画像ギャラリーウィジェット

Elementorの画像ギャラリーウィジェットは、複数の画像を表示することができるウィジェットです。上の画像のように、1枚の画像だけではなく、複数の画像をギャラリーのようにして表示できます。

【限定】Elementorの使い方を動画で網羅的に学びませんか?こちらから無料でコースを受講できます。

コンテンツの画像ギャラリー設定

Elementor 画像ギャラリー コンテンツ設定

画像サイズ

「画像サイズ」で画像の大きさを選択すると、追加した画像が全て同じ大きさに統一されます。しかし、設定した大きさよりも、画像の大きさが小さい場合は、同じ大きさにならないので注意してください。

カラム

ギャラリーに表示する画像のカラム(段)を変更することができます。例えば、「3」にすると横に3枚の画像が並べられます。

リンク

  • メディアファイル
  • 添付ファイルのページ
  • なし

画像にリンクを追加することができます。種類は、上記の3つです。

Lightbox

Elementor 画像ギャラリーウィジェット

画像がクリックされた時に、ポップアップで表示されます。

Order By

「デフォルト」と「ランダム」の2種類の並びがあって、「デフォルト」だと画像を追加した順番、「ランダム」だとランダムに画像が表示されます。

スタイルの画像設定

Elementor 画像ギャラリー スタイルの画像設定

スペース

「デフォルト」と「カスタム」があります。「カスタム」を選ぶと、下に表示されるツマミで自由にスペースが調節できます。

ボーダータイプ

  • なし
  • 直線
  • 2本線
  • 点線
  • 破線

の6つからボーダーのタイプを選択します。

ボーダーの太さを調節します。

ボーダーの色を設定します。

ボーダー丸み

ボーダーを設定していてもしていなくても枠の丸みを調節できます。

スタイルのキャプション設定

Elementor 画像ギャラリー キャプション設定

表示

「表示」と「非表示」がありますが、「表示」にすると、「配置」と「文字色」、「書体」の設定項目が表示されます。

配置

  • 中央
  • 均等割付

キャプションの位置を上記の4つから選択します。

文字色

キャプションがある場合に、テキストの色を設定します。

書体

Elementor Pro コールトゥーアクション 書体

  • フォント
  • サイズ
  • 太さ
  • 変換
  • スタイル
  • 装飾
  • 行の高さ
  • 字間

キャプションの書体を設定できます。項目としては、上記の8つあります。好きなように設定しましょう。

根本 耕輔

根本 耕輔

WordPressを使ったオンラインビジネスの構築が得意。

KClubマーケティング、KClubショーケースを運営。

Elementorの使い方を学びませんか?

Elementorの各ウィジェットの使い方からページの作り方まで網羅的にカバーしたコースが無料で受講できます。(通常¥980)

0コメント

コメントを提出

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

Elementorの使い方を"無料"で学びませんか?

プロのようなランディングページが作れるElementorの使い方が無料で受講できます。

Elementorの使い方

無料でElementorの使い方を網羅的に学びませんか?
 

基本的なウィジェットの使い方から、ページを作成する方法までカバーしています。デザイン性の高いランディングページの作成を考えている方にオススメです。 下のボタンから無料で受講できます。

かっこいいLP作りたくないですか?