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

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

Last Updated:2020年11月14日| コメントを残す
  • 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で提供されるアイコンを表示したり、画像を直接アップロードすることができます。

メモ:



コメントを残す

コメント