【Diver】タブウィジェットの使い方&エリアの数を変更する方法

 

山本
今回は Diver でタブウィジェットを設定する方法に
ついて解説したいと思います

わかば
はい、タブ? ウィジェット...? ですか...??

山本
タブウィジェット機能を使うと、1つのブロックに
複数のウィジェットを表示させることができるようになるんだよ

 

ワードプレステーマ Diver 固有の機能「タブウィジェット」

の設定方法や使い方について解説します。

1.Diver のタブウィジェット機能とは

上でも少し触れましたが、タブウィジェット機能を使うと

1つのウィジェット欄に、複数のウィジェットを設置することができるようになります。

 

山本
文章で説明してもわかりにくいと思うので
わー研。に実際に設置したものをご覧ください

※画面クリックで動画再生が始まります

わかば
ほーなるほどー
これは便利そうな機能ですね!

 

2.タブウィジェットを設定する方法

ワードプレス管理画面メニューから、外観 > ウィジェットを選択しましょう。

外観>ウィジェットを選択

 

ウィジェットエリアの右下にある、タブウィジェットエリア に、表示させたいウィジェットをドラッグ&ドロップしましょう。

タブウィジェットエリアに表示させたいウィジェットをドラッグ&ドロップ

 

試しに

  • 【Diver】人気記事
  • 【Diver】記事一覧リスト
  • 【Diver】絞り込み検索

の、3つのウィジェットを設置していきます。

 

ここに設置したウィジェットが、タブウィジェットとして表示されます。

タブウィジェットエリアに3つのウィジェットを設置

 

続いて、【Diver】タブウィジェット を設置したいウィジェットエリアにドラッグ&ドロップしましょう。

山本
今回はメインサイドバーの一番上に設置してみました

【Diver】タブウィジェット

↓   ↓   ↓

メインサイドバーの一番上に設置

 

このように設置することができました。

タブウィジェットが表示された画像

 

基本的には、サイドバーで使うことが多い機能ですが

そのほかにも、フッターやドロワーメニューなど、どこにでも設置することができます。

わかば
タブウィジェットって1つしか使えないんですかね?

山本
設定を変更すれば何個でも作ることができるよ

 

3.タブウィジェットエリアの数を増やす方法

Diver の設定を変更することで

タブウィジェットの数を何個でも増やすことが可能です。

 

管理画面メニューから、Diverオプション > 基本設定 と選択します。

Diverオプション > 基本設定

 

メイン設定の下の方にある、タブウィジェット数 を変更して 保存ボタン をクリックします。

タブウィジェットの数を変更

 

再びウィジェット画面に戻ってみると、タブウィジェットエリアが3つに増えています。

タブウィジェットエリアが3つになった

 

タブウィジェットを設置するときに、表示させたいタブウィジェットの番号を選択しましょう。

表示させるタブウィジェットの番号を選択する

 

さいごに

Diver のタブウィジェット機能について解説しました。

見た目もわかりやすく、ユーザーにアピールできる便利な機能ですね。

 

このページのおさらい。

  • Diver のタブウィジェット機能とは?
  • タブウィジェット機能を使う方法
  • タブウィジェットエリアを増やす方法

 

わかば
うわーこれなんか可愛いんで
私のブログにたくさん設置しまくりたいです!

山本
いやーそこまでたくさん使うこともないんじゃないかな...笑

 

注目の記事現役アフィリエイターが Diver をおすすめする7つの理由【もう他のテーマはいりません】

注目の記事超便利!Diver のウィジェット機能の使い方を図解つきで徹底解説

 

Twitterでフォローしよう

おすすめの記事