アン 高度なタブウィジェット 必要不可欠でモダンな要素を備えています。高度なタブウィジェットを使用すると、タブを作成してさまざまなコンテンツを配置できます。また、 ネストされたタブ要素でコンテンツをデザインする各タブに保持する要素をデザインすることもできます。タブのレイアウトを整理するには、ElementsKit の高度なウィジェットを使用するだけです。
しかし、WordPress でタブのスタイルを設定するにはどうすればよいでしょうか。ここで必要な詳細をすべて説明しました。以下の手順を確認してください。
WordPress でタブをスタイル設定する方法 #
案内する: あなたのダッシュボード -> 新しいページを選択または作成します -> ELEmentsKitで編集 -> 検索詳細タブウィジェット
まずウィジェットをドラッグアンドドロップして、オプションを編集します。
スタイル #
の中に コンテンツセクション、あなたは 詳細タブのスタイルオプションスタイルを選択 水平方向または垂直方向.
![詳細なドキュメントを通じて、WordPress でタブのスタイルを設定する方法を学びます。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_68-1024x510.png)
キャレットを表示 #
- キャレットの表示を有効にする
- スタイルの選択
![高度なタブウィジェットには最新の要素が装備されています。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_69-1024x606.png)
全幅ナビゲーション #
有効にする(表示)
![高度なタブ ウィジェットには、タブをスタイリッシュに見せるためのスマートなオプションがあります。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_70-1024x414.png)
ナビアイコンの位置 #
位置を選択してください: 右、左、上または下
![ElementsKit の高度なタブ ウィジェットを使用して、ネストされたタブ要素を取得します。](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_71-1024x451.png)
アイコンの間隔 #
提供する 間隔
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_72-1024x421.png)
配置の選択 #
配置を選択します: 左、右、中央
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_73-1024x413.png)
タブの内容 #
- コンテンツをクリックして展開します
- タイトルの追加または編集
- サブタイトルを追加
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_74-1024x441.png)
このタブを開いたままにしますか? #
タイトルの後に画像テキストなどのウィジェットを追加します
- 有効にする "「このタブを開いたままにする」トグル
- クリックしてください アイコン ウィジェットを追加するには
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_75-1024x403.png)
希望のウィジェットを検索してドロップします
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_62-1024x408.png)
テキストを編集して更新をクリックします
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_63-1024x612.png)
ウィンドウを閉じるとそれに応じてテキストが表示されます
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_76-1024x420.png)
アイコンの種類 #
- アイコンの種類を選択: なし、アイコン、または画像
- 画像をアップロードする
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_78-1024x457.png)
タイトル境界線の半径 #
境界線の半径をカスタマイズする
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_79-1024x454.png)
新しいタブを追加 #
![](https://help.wpmet.com/wp-content/uploads/2020/04/Screenshot_80-1024x455.png)
この高度なウィジェットを使用すると、タブのカスタマイズがより簡単、迅速、かつ効果的になります。また、柔軟性により、さまざまな方法で売上を伸ばすことができます。今すぐ高度なタブ ウィジェットを使用して、完璧なタブを手に入れましょう。