Word Pressのテーマを「Cocoon」の設定している時にモバイルボタンを確認すると下記のようにアイコンがすべて星形になっていて困ってしまうことがあると思います。
今回はフッターのモバイルボタンへアイコンを設定する方法を記載していきます。
【Beofore】 | 【After】 |
1.メニューの表示
外観→メニューの順に設定を開きます。
フッターモバイルボタンにチェックが入っていることを確認します。
入っていない場合は、入っているメニューを選択してください。
モバイルだけメニューに表示する項目を変えたい場合は、フッダーモバイルボタンだけにチェックを入れたモバイル専用のメニューを作ると良いでしょう。
2.アイコンの設定
下記のCSSの欄に値を設定することでアイコンを設定することができます。
設定するCSSはこちらのサイトから取得することができます。
https://fontawesome.com/v4/icons/
お好きなアイコンを選び、詳細ページを開きます。
下記のような画面が表示されると思います。
こちらからタグのclass属性の値をコピーし、先程のCSSの欄に貼り付けます。
最後に保存を押したら完成です！
これでアイコンが変わります。
