超簡単。ワードプレスにスマホ用の固定フッターを表示させる方法【Fixed Bottom Menu】

ツール

こんにちは、ゆかんこです。

今日は、スマホでワードプレスブログを見たときに固定フッターを表示させる、超簡単な方法を発見したのでご紹介します。

↓ちなみに、固定フッターってこれ。

この画面下に出ているメニューバーのことです。

これは、「Fixed Bottom Menu」というプラグインを使ったのですが、実際に私がやってみて簡単すぎてびびったので、

今日はこのプラグインを使って固定フッターを表示させる手順と、その必要性について紹介していきます。

固定フッターって必要?

「そもそも固定フッターって必要?」という話なのですが、私は必ずしも必要ではないけど、導線を強化するためには良い手段だと思っています。

 

このブログをよく見ていただくとわかりやすいと思いますが、ブログの上部にはハンバーガーメニューが表示されているし、

(↓これ)

ブログタイトルの下にも、メニューバーがあります。

(↓これ)

ただ、これらって画面をスクロールしていくと画面上から消えてしまうんですよね。

 

なので、より導線を強化するために「何かないかなー?」と思って見つけたのが、固定フッターです。

で、このプラグインで固定フッターをつけてみた感想としては、「マジで、簡単」。この一言につきます。笑

 

ブログで一番大切なのはコンテンツの中身だし、仕組みを作るのが第一優先なので、普段デザインに凝ったりはしていないのですが、こんなに簡単に導線作りができるのならアリだなーと思いました。

「Fixed Bottom Menu」で固定フッターをつけるー設定項目は3つだけ

では早速、「Fixed Bottom Menu」を使って固定フッターをつける手順をご紹介します。

 

1.まずはプラグイン「Fixed Bottom Menu」をダウンロードして有効化し、設定画面を開く。

 

2.3つの設定項目を埋めていく。

↓これが設定画面です。設定項目は①〜③の3つだけです。

  1. 表示させたいアイコンの設定
  2. 誘導したいページのURLを入力
  3. 表示させたいテキストを記載

 

これだけ。ビックリするくらい簡単ですよね?笑

ちなみに、①のアイコンについてもう少し説明すると、「Dashicon」というところをクリックすると、アイコンを選べる一覧画面が出てきます。

その中から設定したいアイコンを選び、「dashicons-」以降の文字列をコピーして、設定画面の枠内にペーストします。(下の画像で言うと赤の下線部分をコピペ)

(補足)好みの色や文字サイズも選べます!

文字サイズも、バーを動かせば変更可能。背景色や文字の色も、十字を動かして自由に設定できます。

設定のポイント:読者さんに絶対に見てほしいページを設定すべし。

ちなみに、固定フッターで誘導するページは「読者さんにぜひ見てほしい!」と思うページを設定するのがポイントです。

例えば私なら、ぜひ、ブログの理念やプロフィールを知ってほしいと思っているので、プロフィールページを設定しています。

このページです。

著者プロフィールと理念

 

この方法を使えば最大5つまで誘導ページを設定できるので、ぜひ「読者さんに絶対に見てほしいページは何か?」を考えて、設定してみてくださいね^^

では、参考にしていただけたらうれしいです。

「仕組み化」が学べる動画セミナーを無料プレゼントしています

私は新卒3年目で会社を辞めて、ネットで起業しました。

ウェブマーケティングを学び、今はPC1台で好きなときに仕事をしています。ブログに書ききれないことはメルマガで配信中。

これまでに月収400万の師匠から学んだブログ収益化・資産化の方法や思考法を発信しています。

無料メルマガにご登録いただいた方に、期間限定で「仕組み化とマーケティング」を学べる動画セミナーをプレゼントしています。

《ご登録はこちらから》

【期間限定プレゼント】起業経験ゼロの平凡PDFがネットで起業して10ヶ月で脱サラし自由な生活をしている理由