スマホ表示あると便利なDiver(ダイバー)のフッターメニューの設置方法

Diver(ダイバー)では、スマホの画面の下部にボタンメニューを配置できます。

フッターメニュー」と言いますが、スマホでユーザーが画面を下に操作したときにフワっと現れコンテンツを表示してくれるのでカッコ良いです。

クルミ
Diver(ダイバー)でフッターメニューを設置しました。

フッターメニューとは

Bingのスマホ画面のフッターメニュー
Bingのスマホ表示で表示される固定フッターメニュー

フッターメニューとは、スマートフォンで、ブログやサイトなどの操作を手助けするもので、画面の下部に配置したボタンメニューのことです。

特に、スマホは画面が狭いので、フッターメニューがあるとユーザーがページを読み終わった後に目にするきっかけが増えます。

クルミ
マイクロソフト社のBingアプリではこのように表示されています。

Diver(ダイバー)のフッターメニューで表示できるコンテンツ

DIVERオプションのフッターメニューの項目

Diverオプションフッターメニューから編集します。

フッターメニューで表示できるコンテンツ
  • カスタムリンク
  • ドロワーメニュー
  • SNS共有
  • 電話番号
  • ページ上部に戻る

このようなコンテンツが表示できます。

ボタンアイコンとテキストがメニューとして設置できます。

アイコンはあらかじめDiverにインストールされている、FontAwesemeの800種類のアイコンの中から選ぶことができます。

アイコンを表示させたくない場合は、アイコンを選ばず、テキストだけの表示も可能です。(でも、アイコンはあった方が良い。)

カスタムリンクの設置

カスタムリンク表示させたいリンクを設置できるようになっています。

リンクであればどのページでも表示可能です。

アピールしたいコンテンツの設置やお問い合わせフォームなどをページとして作っておけばそのリンクに飛ばせるので何かと融通が利いて便利です。

カスタムリンクが設置できるので、表示できないコンテンツはほぼないと思われます。

ドロワーメニューの設置

DIVERの固定フッターメニューのドロワーメニューのカスタマイズ場所

ドロワーメニューでは、あらかじめドロワーメニューに設定しているコンテンツが表示されます。

ドロワーメニューのカスタマイズは外観ウィジェットドロワーメニューから編集できます。

ドロワーメニューにアクセスランキングページなどを設置するとブログの回遊率のアップも狙えそうです。

SNSの設置

DIVERの固定フッターメニューで表示されるSNS共有
フッターメニューで表示されるSNS共有ボタン

SNSをフッターメニューに加えるとメニューをタップした時にSNS共有ボタンがポップアップで表示されます。

SNSで共有してもらいたい人はワンクリックで共有ボタンを表示できるので手間が省けます。

電話番号の設置

電話番号のアイコンをタップすると電話をワンタッチでかけられるようにスマホの電話アプリが立ち上がります。

個人ブログでは不要ですが、企業やお店などのお問い合わせなどにはあったら便利だと思います。

ページ上部に戻る

ページ上部に戻るのボタンを設置すると、ページの上部に戻してくれるのでスクロールする手間を省けます。

スクロールボタンがあることで、ブログをトップページから見直してもらえる可能性が上がるので、あった方が良い機能です。

フッターメニューの背景とテキストの色の変更方法

DIVERのフッター固定メニューの色の編集場所

フッターメニューの色は外観カスタマイズ基本カラーフッター固定メニュー背景背景を変更。

フッター固定メニューテキストでは、文字の色を変更できます。

Diverでは、フッターメニューの背景を透過させることができるのでカッコ良いです。

フッターメニューを実際に設置してスマホ表示させてみた

DIVERのフッターメニューの編集

最大5つまでメニューを作ることができますが、何個表示させてもDiverが良い具合にスマホ表示に合わせてフッターメニューを表示してくれます。

レスポンシブ対応なのもありがたいところです。

ブログにダイバーのフッターメニューをカスタマイズして設置

私のブログで3つのメニューを表示させるとこのようになりました。

背景を透過させるとボタンがコンテンツと被ってしまわないように調整することができます。

透過はカッコ良いですが、やりすぎると存在感が消えてしまうので気を付けてください。(ちょっと薄かったかも・・・。)

フッターメニューの配置はスマホ表示対策で回遊率アップが期待できる

アフィリエイター収益最大化!最新SEO対策済み!wordpressテーマ「Diver」

ブログ運営では、検索流入のほとんどがスマホからの流入だと言われています。

なので、スマホに合わせた表示をカスタマイズできるとブログの回遊率のアップが期待できます。

フッターメニューのような表示にはコードなど専門的な技術が必要になりますが、DiverではプラグインやHTMLの知識がないブログ初心者でも簡単に設置できるのでお手軽に本格的なブログが構築できます。

Diverのフッターメニューは背景も透過できて見た目にも美しくカッコ良いです。(私はカッコ良いのが決め手でDiverを購入しました。)

フッターメニューを配置しているブログやサイトはコンテンツとしても目を引くものがあり、ぱっと見、しっかりしているなーっという印象を与えてくれます。

ブログ運営では、スマホ表示対策は必須なので、コンテンツの充実を目指してみてください。


ハイスペックテーマ「Diver(ダイバー)」は安く買える!?

サーバー契約をするとワードプレスの有料テーマ「Diver」がお得に買えます。

ロリポップ×Diver




お名前.com×Diver

さらに独自ドメインと同時申込みで、ドメインの初年度登録料が実質0円でお得。




エックスサーバー×お友達紹介



友達紹介プログラムでエックスサーバーを契約すると12か月契約で5,000OFF

契約期間に応じて最大1万円OFF

下記のボタンからエックスサーバーを契約するとお友達紹介プログラムが適用され、契約料金が割引きされます。

エックスサーバーのキャンペーン(不定期)と併用するとさらにお得です。

テーマを安く購入するよりもサーバー契約でお得にDIVERを始められます。

スポンサーリンク
このblogはワードプレスのテーマ「DIVER(ダイバー)」を使っています。
DIVERのテーマイメージ

WordPress(ワードプレス)のテーマで最初に手にしたのは「DIVER(ダイバー)」でした。

DIVER(ダイバー)を一言でいうと、カッコいい!!最初は見た目で選びましたが、洗練されたデザインに、多彩でハイスペックな機能は何年使っても飽きません。 コンテンツが増えるほどカスタマイズ性がアップし、サイトの構築が楽しくなる、そんなテーマです。常にバージョンアップを欠かさない向上心のあるテーマと共にサイトを長く大切に育てられます。 長年愛用できるハイスペックで高機能なテーマ「DIVER(ダイバー)」は、一度使うともう手放せません。

代表コンテンツ
おすすめの記事
スポンサーリンク