DIVERを使っていると、デモサイトを訪れるのですが、デモサイトにはヘッダの右側に検索アイコン、左側にメニューアイコンが付いていて自分のブログ(初期設定時)にはこれらが付いていないことが判明しましたので、設定方法をご紹介します。

これのあるのとないのでは、結構サイトの回遊率に影響が出そうだったので、すぐに取り付けました。

【DIVER】ヘッダにアイコンを設定する

このようにヘッダにメニューと検索のアイコンを表示させる

 

実は設定方法は非常に簡単で、この検索とメニューアイコンについては標準装備されています。

アイコンの設定方法

まず、下記のようにWordPressの管理画面から「外観」→「ウィジェット」と遷移します。

 

ヘッダアイコンの設定方法

ウィジェットからドロワーメニューと検索ボックスを設定する

 

すると後ろの方に「ドロワーメニュー」と「検索ボックス」という項目があるので、こちらに使用したいウィジェットを設定します。これらを設定しさえすれば、すぐにヘッダにアイコンが表示されます。

ちなみに私の場合、ドロワーメニューにはカテゴリと広告を設定しており、検索ボックスにはカテゴリとタグクラウドを設定しています。(ほぼほぼ公式サイトと同じですけどね。)

 

他のテーマを使用しているとCSSを弄ったりアイコンを自前で設定したりと、いろいろと設定が面倒なのですが、DIVERを使用するとココの設定は一瞬で終了します。ドロワーメニューって意外とユーザーから見られるので、すぐに設置できてカテゴリを表示させられることはありがたいです。

 参考【CocoonからDIVERへ】Classicエディターに変更したら改行が反映されなくなった問題と解決方法

最新機種の方必見!修理費用全額補償します

あらゆるトラブルに対応する新しい保険です。

  • 年間最大10万円補償
  • 3端末まで補償可能
  • WEBで手続き全て完結

最新機種を持つ方には特にオススメです!3端末まで登録できるので、ゲーム機、スマートウォッチ、ワイヤレスイヤホンなどWi-FiやBluetoothで通信が可能な機器もまとめて補償します。

もちろんiPhoneも対象、AppleCare+よりもお得な保険です。

おすすめ記事