マニュアルを読んでもハマる？　WordPress JIN スマホメニューの直し方

ブログ初心者には、ウェブ作成時に頻繁に出てくる専門用語がかなり苦痛です。
「グローバル・ナビゲーション」とか「ハンバーガーメニュー」とか「スライドメニュー」とか。。。自分が作っているブログのどこを指すのか、どこに足されるのかもわかりません。そんな中、スマホメニューの「ハンバーガーメニュー」と「フッターメニュー」の改善で四苦八苦した手順を備忘録として残しておきます。

お陰様で当ブログのアクセス数も12月以降の３ヶ月間順調に伸びてきました。

少なくとも全体の６割がスマホユーザーなので、スマホ画面の操作性を改善したほうが良さそうです。
スマホの画面表示で前から気になっていて、直したいと思っていたのは次の２点です。

・ハンバーガーメニューの色が白。記事をひらいたときに背景も白で見分けられない。
・フッターメニューがテキストのみで、見分けにくいし、クリックしにくい。

ホーム画面	記事画面

これをこんな風に変えたいのです。

ホーム画面	記事画面

JINのマニュアルをはじめから読んで設定というのは性に合わないので、直感で設定画面をいじって直そうとしましたが、かなり苦労しました。以下にポイントを書き残しておきます。

・スマホのハンバーガーメニューの色を変える
・スマホフッターメニュー（固定）にアイコンをつける

スマホのハンバーガーメニューの色を変える

これはネットで検索して探すのにかなり苦労した点です。JINマニュアルでもいまだに該当箇所をみつけられていません。

WordPressの管理画面から、「外観」–>「カスタマイズ」と進み、

「カラー設定」をクリックします。

これはなかなか気づきませんが、ハンバーガーメニューの色は、「タイトルの文字色」で修正します。初期値は　薄いグレー色になっています。

「色を選択」をクリックすると、カラーパレットが表示されますので、好みの色を選択し、上部の「公開」ボタンを押します。

スマホフッターメニュー（固定）にアイコンをつける

JINには、オリジナルアイコンリストがあり、設定画面で簡単にアイコンを設置できます。

「外観」–> 「メニュー」とすすみ、「編集するメニュー」欄で、「スマホメニュー（スマホ固定フッターメニュー）」を選び、各項目を選んで「説明」欄に　アイコンに相当するコードを書き込めばよいだけです。

しかし、設定しようにも、そもそも「説明」欄がどこにもありません！

「説明」欄にアイコンに相当するコード（文字列）を書き込めばOKのはず。	アイコンのコードをいれる「説明」欄がどこにもない！