で画像ギャラリーを作成する方法を知りたいですか Elementor ?

画像ギャラリーは、置き換えることができるプラグインのタイプの XNUMX つです。 Elementor。 ととも​​に Elementor にインストールされ、アクティベートされている ウェブサイト WordPress では、画像ギャラリーを作成するために新しいプラグインをインストールする必要はありません。

Elementorには、画像ギャラリーの作成に使用できるXNUMXつのウィジェットがあります。BasicGalleryとGalleryです。 基本ギャラリーウィジェットを使用して、画像ギャラリーを作成できます。 ギャラリーウィジェットの場合は、それを使用してより高度なギャラリーを作成できます。

また読みます: Elementorでグラデーションプログレスバーを作成する方法

知らなかった場合は、 Elementor あります WordPressのプラグイン ページ作成。 これを使用して、Web ページを作成できます。 ウェブサイト CSSを扱う必要はありません。

Elementorを使用してWordPressで画像ギャラリーを作成する方法

始める前に、Elementor がインストールされ、アクティブ化されていることを確認してください。 ウェブサイト ワードプレス。 画像は記事でもページでも追加できます。 Elementor で記事/ページを編集するには、 ボタンをクリックします。 エレメントで編集する グーテンベルクエディターの上。

クリックするとElementorEditorに移動します エレメントで編集する 上記。 編集ボックスにコンテンツを追加する前に、まずレイアウトを設定できます。 これを行うには、左下隅にある歯車のアイコンをクリックして設定パネルを開きます。 オプションでレイアウトを設定できます レイアウト。

基本ギャラリーウィジェットを使用して画像ギャラリーを作成する

準備ができたら、新しいセクションを追加し、基本ギャラリーウィジェットを左側のパネルから編集ボックスにドラッグします。

画像ピッカーをクリックして、ギャラリーに追加する画像を選択します。 画像がWordPressメディアギャラリーにまだ存在しない場合は、アップロードするだけです。

ボタンをクリックします 新しいギャラリーを作成する 選択した画像をギャラリーに追加します。 次に、それらを再配置します。

また見なさい: Elementorでテキストに画像を追加する方法

ブロック内の画像サイズ、列数、明るい領域を設定できます 画像のギャラリー スー [コンテンツ]タブ。

Elementorで画像ギャラリーを作成する方法

タブにアクセスできます 形式 ギャラリーをカスタマイズします。 ブロックの間隔と境界線のタイプを設定できます 画像 凡例をカスタマイズするには、ブロックを開くことができます 伝説。

ギャラリーウィジェットを使用して画像ギャラリーを作成する

ギャラリーウィジェットは、基本的なギャラリーウィジェットよりも多くのカスタマイズオプションを提供します。 グリッド、ジャスティファイド、メーソンリーのXNUMXつの異なるレイアウトを使用できます。 オーバーレイの色、説明、ポインティングアニメーションなどを設定することもできます。

また読む: Elementorで機能しないビデオ自動再生を修正する方法

ギャラリーウィジェットは、Elementorのプロバージョンでのみ利用可能であることに注意してください。

ギャラリーウィジェットを使用して画像ギャラリーの作成を開始するには、画像ギャラリーを左側のパネルから編集領域にドラッグします。 画像ピッカーをクリックして、上記のようにギャラリーに追加する画像を選択します。

画像の追加が完了したら、ブロックをクリックします 設定 タブの下 コンテンツ。 ギャラリータイプをオプションに設定します タイプ。

ギャラリーウィジェットを使用すると、次のように複数のタブを持つ画像ギャラリーを作成できます。 オプションを選択するだけです 複数 以下のような複数のタブを持つギャラリーを作成する場合。

Elementorで画像ギャラリーを作成する方法

まだブロック内 [設定]、 ギャラリーのレイアウト、列数、画像間のスペース、アスペクト比、画像サイズを設定します。

Elementorで画像ギャラリーを作成する方法

ブロックを開く オーバーレイ オーバーレイをアクティブにします。 必要に応じて、オーバーレイヒントに画像のタイトルと説明を表示できます。

画像のタイトルまたは説明を表示する場合は、ギャラリー内の個々の画像を編集する必要があります。 画像スコアに表示する内容に応じて、代替テキスト、タイトル、キャプション、または説明を編集します。

タブに移動します 形式 ギャラリーをカスタマイズします。 使用可能なオプションブロックは3つあります(複数のタブギャラリーを作成する場合は4つ)。

  • 画像

このブロックから、画像の境界線の色、境界線の半径、画像のアニメーション、CSSフィルターを設定できます。

  • オーバーレイ

このブロックを使用すると、オーバーレイをカスタマイズできます。 オーバーレイの色、ポイントアニメーション、ブレンドモードを設定できます。

  • コンテンツ

このブロックを使用すると、画像のコンテンツをカスタマイズできます。 コンテンツとは、ブロックで定義した画像のタイトルと説明を指します 重ね合わせ タブ コンテンツ。

配置、垂直位置、塗りつぶし、テキストの色、タイポグラフィ(フォントスタイル、フォントファミリ、フォントサイズ)、およびポインティングアニメーションを設定できます。

Elementorで画像ギャラリーを作成する方法

ギャラリーのカスタマイズが完了したら、ボタンをクリックできます PUBLISH 左パネルの下部にあります。 目のアイコンをクリックして、最初にページをプレビューすることもできます。

Elementor Proを今すぐ入手!

まとめ

ここは ! Elementorを使用して画像ギャラリーを作成する方法を示すこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...