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

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

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

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

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

 

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

アイコンの設定方法

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

 

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

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

 

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

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

 

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

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

iPhone12予約受付開始!!(4/23~)
楽天モバイルからiPhoneが登場!

誰でもお得に使える革命的新プランUN-LIMIT Ⅵ登場!

毎月使ったデータ分だけ支払うベストなプランなのです。

  • 1GB未満:無料
  • 1~3GB:980円
  • 3~20GB:1,980円

今なら月額料金3か月間無料キャンペーン中なので、この機会に試してみよう!

 

この記事を見た後こんな記事も見ています