このページは人気有料ワードプレステーマ「jin」の固定フッターバーが表示されない人のために一発で解決できる方法を記載しています。なお、ブログアクセスアップ・SEO対策・アフィリエイトで稼ぐ方法まとめではブログノウハウなどもあるので、ブログを成長させたい人はこちらもどうぞ。
それでは本題というか、答えにいきましょー。
[box02 title=”この記事はこんな人におすすめ”]
・メニューできちんと設定したけど、表示されない人
・メニューの説明欄でソースをFont Awesomeからコピペしたけどアイコンが表示されない人
・カスタマイズからFont Awesomeを表示に設定したけど非表示になる人
[/box02]
こんな人に役立ちます。
目次
jinの固定フッターバー設定方法を写真付きで解説
順を追って説明するので、この通りにやってください。
まずFont Awesomeを表示できるようカスタマイズからチェックを外す
上記の画像を見るとわかりますが、ワードプレス管理画面からカスタマイズ→その他設定に進むと「Fontawesomeを読み込まない」という項目があります。これにチェックが入ってると、メニューの方で正しい設定をしてもアイコンが表示されず、テキスト(文字)リンクだけが固定フッターバーに表示されるという状況に陥るので、チェックを外しておいてください。
次にメニューの設定をする。
jinにも設定方法が画像付きで解説されていますが、画像が小さく見にくいので、こちらで改めて説明しておきます。
手順は以下の通りです。
2.新規メニューを作成。メニュー名は「固定フッターバー」など適当でオーケー。
3.4つ好きなリンクを作成。トップページや問い合わせ、内部・外部リンク、メルマガ購読などなんでもいいです。
4.Font Awesomeのソースを説明欄に記述
この流れです。
順を追って解説します。
リンク設定方法&Font Awesomeのソースがどの部分かも解説。
上記の1、2番はすぐにわかるかと思うので、3番から解説します。わからない人は記事下のコメント欄にて答えますね。
リンク設定のやり方
まず、下記の画像のようにリンク先を設定します。
fontawesomeのソースはどの部分をコピペすればいい?
そしてfontawesomeに移動し、アイコンのソースを探しにいきます。例えばtwitterと検索すればtwitterのアイコンが出てくるので、リンク先のイメージに近いものを選ぶと良いかと思います。
ソースをコピペする部分は以下のマークしている箇所です。
このマークしている箇所をコピペして、メニューの説明欄にコピペします。(上記画像参照)
最後にスマホ固定フッターにチェックするだけ
下記の画像のようにチェックを入れて保存ボタンを押せば完成です。
できたらスマホで画面を確認して見ましょう。
ブラウザによっては少し時間が経たないと画面のアップデートがされないケースもあるので、表示されない人は少し時間をおいてから確認してみてください。
jinだけでなく無料SEOテンプレートcocoonの固定フッターバーも同じやり方だったはずです。
ぜひ覚えておきましょう。