でタブ付き画像ギャラリーを作成する必要があります Elementor ?

私たちがいつも言っているように、 Elementor 単なるページ ビルダー プラグインではありません。 複数の種類のプラグインを置き換えることができる汎用性の高いプラグインです。 WordPressのプラグイン 一度に。 置き換えることができるプラグインの XNUMX つ Elementor 画像ギャラリープラグインです。

とともに Elementor, 追加のプラグインをインストールする必要はありません 画像ギャラリーを作成する あなたのWordPressウェブサイトで。 Elementorが画像ギャラリーを作成するために提供するウィジェットには、BasicGalleryとGalleryのXNUMXつがあります。

Elementor Freeで利用可能なBasicGalleryウィジェットを使用すると、基本的な画像ギャラリーを作成できます。Galleryウィジェットを使用すると、タブ付きの画像ギャラリーを含む、より高度な画像ギャラリーを作成できます。

これは、写真のWebサイトにギャラリーを作成する場合に最適です。 この記事では、Elementorでタブ付きの画像ギャラリーを作成する方法を紹介します。

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

ギャラリー ウィジェットは、Elementor のプロ バージョンで利用できます。 Elementor をプロ バージョンにアップグレードしていない場合は、必ずアップグレードしてください。 Elementor Pro を使用することで得られる多くの利点があります。 ワードプレスのテーマ コーディングなし。

また読みます: Elementorでタブ付き画像ギャラリーを作成する方法

この例では、風景写真ギャラリーを作成します。 写真は山、海、滝のXNUMX種類に分かれています。 各タイプの風景を格納するためのXNUMXつのタブと、すべての写真を表示するためのタブを作成します。

開始するには、新しいページを作成し、Elementorで編集します。 既存のページを編集することもできます。 セクションを追加し、ギャラリーウィジェットをそのセクションにドラッグします。

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

ブロックの下 設定 タブの下 コンテンツ、 オプションを設定する   シュール 複数.

デフォルトでは、ギャラリーにはXNUMXつのタブしか含まれていません。 新しいタブを追加するには、ボタンをクリックするだけです 要素を追加します。

参照: Elementorでグラデーションプログレスバーを作成する方法

アイテムのXNUMXつ(タブ)を開きます。 フィールドでタブラベルを定義します 題名。 プラスボタンをクリックして、タブに追加する画像を選択します。

WordPressメディアライブラリから画像を選択します。 お持ちでない場合は、ダウンロードしてください。 ボタンをクリックしてください 新しいギャラリーを作成する->ギャラリーを挿入する ギャラリーをタブに追加します。

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

他のアイテム(タブ)を開き、上記の手順を繰り返してタブラベルを設定し、画像を追加します。

ギャラリーをカスタマイズする

各タブに画像を追加したら、ギャラリーをカスタマイズできます。 ブロック内 [設定]、 レイアウト、行の高さ、画像間のスペース、画像サイズを設定できます。 遅延読み込み機能をアクティブにするオプションもあります。

ブロックを開く フィルターバー メインタブ([すべて]タブ)のラベル、ポインター、およびアニメーションを定義します。

ブロックを開く オーバーレイ オーバーレイをアクティブにします。 画像にカーソルを合わせると、画像のタイトルと説明を表示できます。 力価 と 説明.

マウスオーバーでタイトルと説明を表示する場合は、ギャラリー内の個々の画像を編集し、定義した設定(代替テキスト、タイトル、キャプション、または説明)を追加する必要があります。

タブを開く 形式 ギャラリーをカスタマイズします。 開くことができるブロックは、画像、オーバーレイ、コンテンツ、フィルターバーの4つです。

画像

このブロックでは、画像の境界線の色、ポインティング境界線の色、境界線の幅、境界線の半径、CSSフィルター、およびポインティングアニメーションを設定できます。

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

オーバーレイ

このブロックでは、オーバーレイカラー、ホバーオーバーレイカラー、ブレンドモード、およびホバーアニメーションを設定できます。

コンテンツ

このブロックを使用すると、画像のコンテンツをカスタマイズできます。 コンテンツとは、画像のタイトルと説明を指します。 配置、垂直位置、塗りつぶし、テキストの色、およびタイポグラフィ(フォントスタイル、フォントファミリ、およびフォントサイズ)を設定できます。

フィルターバー

このブロックを使用すると、フィルターをカスタマイズできます。 配置、通常の色、ポインティングの色、アクティブな色、テキストの色、タブ間のスペース、およびタイポグラフィを設定できます。

結果に満足するまで、これらの設定を操作できます。 完了したら、ボタンをクリックします 公開/更新 左側のパネルの下部にあり、ページを公開または更新します。

Elementor Proを今すぐ入手!

まとめ

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

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

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

...