ベストセラー人気 WordPress テーマTop 30 詳細

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する

Last Updated:2020年11月14日| 2のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPress 人気のテーマの一つである Enfold テーマではタブと関連する要素(エレメント)に Tab Section エレメントと タブ エレメントがあります。

Tab Sectionは、レイアウトエレメントであり、Tabsは、コンテンツエレメントです。 つまり、Tab Sectionはセクションのレイアウトを追加する要素であり、Tabsは、コンテンツを追加する要素です。

Tab SectionはAvia Layout Builderで Layout Elements 下から選択が可能です。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する7

一方、Tabs要素は コンテンツ要素から選択することができます。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する8

Tab Sectionをダブルクリックするか、ドラッグすると、次のような形で追加されます。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する9

Tab 1, Tab 2… 下にそれぞれレイアウト要素またはコンテンツ要素を配置できます。 そして、タブ名部分にアイコンや画像が表示されるように設定できます。

タブ名のいずれかをクリックすると、 Edit Tab(タブの編集) 画面が表示されます。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する10

一方、 Tabs要素は、コンテンツ要素として、コンテンツを直接入力することができます。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する11

Enfold テーマでTab Sectionを使用すると、次のように画像をクリックすると、それぞれのコンテンツが表示されるようにすることができます。

WordPress Enfold テーマでタブセクションの要素(Tab Section Element)を使用する12

タブタイトルの上に Enfoldで提供されるアイコンを表示したり、画像を直接アップロードすることができます。

メモ:



2のコメント

コメント

  1. Enfold ハングルの投稿がたくさんありませんでしたが、良い情報をありがとう。
    私が使っている Enfold ビルダーにはコンテンツ側にtabだけがあり、レイヤー側にtab sectionsはありませんでしたが、どうすればtab sectuonsを使用できますか? もしバージョンバージョンをアップグレードする方法は同じですか?

    応答
    • こんにちは、カン・ジョンクォン。 見てみるとTab Sectionがありますね。

      https://www.screencast.com/t/rVqICKUeC

      Enfold テーマを最新バージョンに更新しますか?

      Enfold テーマオプションでライセンスを登録すると、自動更新が可能になります。

      https://avada.tistory.com/2000

      応答