ページに画像のアコーディオンを追加しますか? Elementor ?
画像アコーディオンを使用すると、画像をよりクリエイティブに表示できるので、これは素晴らしいことです。 不運にも、 Elementor には、写真要素のアコーディオンをページまたはテンプレートに追加できるデフォルトのウィジェットがありません。
本当に画像アコーディオンを追加したい場合は、アドオンまたは画像アコーディオン ウィジェットに付属のアドオンをインストールできます。 インストールできるアドオンの XNUMX つは、 JetTabs.
JetTabs はアドオンです Elementor 家族の一員 JetPluginsCrocoblock が開発した Elementor アドオンのセットです。 JetTabs には、Swicther、Tabs、Image Accordion、および Classic Accordion の XNUMX つのウィジェットが付属しています。
JetTabs を使用して Elementor に画像アコーディオンを追加する方法
開始する前に、JetTabs アドオンがインストールされ、アクティブ化されていることを確認してください。 このアドオンは、年間わずか 23 ドルで入手できます。 あるいは、Jupiter X または Monstroid2 のテーマ バンドルを通じて、XNUMX 回限りの購入オプションで JetTabs を入手することもできます。
また読みます: Elementor で XNUMX ページのナビゲーション メニューを作成する方法
準備ができたら、新しいページ (ページ -> 新規追加) または新しい投稿 (投稿 -> 追加) を作成し、Elementor で編集します。 もちろん、既存のページや投稿を編集することもできます。
Elementor エディターで、イメージ アコーディオン ウィジェットをウィジェット パネルから編集領域にドラッグします。
Image Accordion ウィジェットが追加されたら、左側のパネルに移動してカスタマイズします。 デフォルトでは、アコーディオンは XNUMX つの要素で構成されています。 各要素に画像を追加するには、要素ブロックの下で要素を開き、画像ピッカーをクリックするだけです。 アイテムのタイトル、説明、およびボタン リンクを設定することもできます。
他のアイテムについても上記の手順を繰り返します。 アコーディオンに新しい要素を追加するには、ボタンをクリックするだけです アイテムを追加する.
ブロックを開く 設定 タブの下 中身 方向 (垂直または水平)、アクティブな要素のサイズ、アニメーションの長さ、およびイージング効果のスタイルを設定します。
アコーディオン様式
アコーディオンのスタイルを設定するには、タブにアクセスできます 形式 左側のパネルにあります。 アコーディオンのスタイルを設定するために開くことができる 7 つのブロックがあります。 最初のブロック (コンテナー ブロック) では、アコーディオンの高さ、背景色、境界線の半径、およびドロップ シャドウを設定できます。
アイテム ブロックでは、アイテム間のスペース、アイテムの背景色、アイテムの境界線の半径、およびアイテム ボックスの影を設定できます。
他の 5 つのブロックで遊んで、他のスタイリング オプションを作成できます。 完了したら、 ボタンをクリックします 出版します/ページを更新します。
出来上がり。
ElementorProを今すぐ入手!!!
まとめ
ここに ! 方法を示すこの記事は以上です Elementor ページに画像アコーディオンを追加する. そこに着く方法について懸念がある場合は、以内にお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...