もしかして、以下のボタンのことでしょうか？

@leafytree

ご返信頂き有難うございます。

はい、そのボタンをスマホで見る際に追加したく、上記のサイトや他サイトなどで作成したのですが、「メニュー」を追加しましたが、スマホで見ると反映していないようなのです…

@Aimy さん

画像を拝見しますと、設定はちゃんとされていらっしゃるように見えます。

ちょっと、話がややこしくなるのですが、先に私が添付した画像のボタン、左から、「メニュー」「ホーム」「検索」「トップ」「サイドバー」の５つのボタンの配置は、Aimyさんが参考にした案内のページで作成したものではなく、Cocoonのデフォルトで設定されているボタンです。

つまり、WordPressのメニュー設定でフッターモバイルボタン専用のメニューを作成しなくても、Cocoon設定の「モバイル」タブで、「フッターモバイルボタン」にチェックを入れるだけで、自動的に表示してくれるものなのです。

Aimyさんが参考にされた「フッターモバイルボタンの設定方法」のページは、実は、フッターモバイルボタンをデフォルトの５つのボタンから変更したい方のために用意されたページなのです。

前述の５つのボタンではなく、自分の必要なボタンに変えて使いたい方の要望に、わいひらさんが応えてくださったオプションなのです。

なので、WordPressのメニュー設定で独自に設定したメニューを削除すれば、デフォルトのボタンが表示されるはず、という推測ができます。

ただ、Aimyさんの場合は、プラグインで、スタイルを設定されていらっしゃるようですので、試してみないと何ともわかりません。

話は、戻りまして、本来なら、Aimyさんの設定された方法でも、本来なら、メニューボタンが表示されなくては、ならないはずなのですが、ソースコードを拝見しても、「メニュー」の項目が無いため、アイコンが読み込まれないというような理由ではないようです。

Cocoonの不具合である可能性もゼロではありませんので、そこは何とも私にはわからないです。

@Aimy さん

ローカル環境のテストサイトで、Aimyさんと同じボタンの並びで、独自のフッターモバイルボタンを作成してみました。

わいひらさんが用意したURLコマンドがある場合は、Font AwesomeのClassは入力しなくても、いいみたいです。

つまり、メニューなら、URLに「#menu」と入れ、リンク文字列に「メニュー」と入力して設定するだけでいいみたいです。

「fa fa-bars」は要らないみたいです。

@Aimy さん

以下の画像は、私の設定したメニューです。

@leafytree様

ご丁寧にたくさんご教示頂きまして、大変感謝しております＾＾

とても嬉しいです！

はい、leafytreeさんの言う通りに一度削除してみて、またもう一度再設定したのですが、やはりなぜだか「メニュー」ボタンだけが表れてこないようです＾＾；

もしかして1記事もまだ執筆していないので、それも関係しているのかと思い編集したものを公開してみましたが変わりありませんでした。プラグインが関係しているのでしょうか？

そう言えば、パソコン用のヘッダーメニュー（グローバルメニュー）もまだ設定されていませんよね？

カテゴリーとかも、作っていかないと、記事の類別もできないし、メニューに設定する項目も定まりませんし・・

この先、どんなカテゴリーで、記事を分けていくのか、また、タグによる分類を利用するのか、構想を決めないと作れないですよね。

一つの記事にタグは複数つけられるみたいですが、カテゴリーは基本的に一つだけだと思いますので、そっちを先にやった方がいいのかもしれません。

独自のフッターモバイルボタン用のメニューは、メニューごと削除しちゃっても、デフォルトのボタンが表示される仕様のはずなので、あまり、急がなくてもいいのかも ? 

もう一度、URLコマンドの役割を良くみたら、

「グローバルメニューをスライドインで表示」とちゃんと書いてありました。 ? 

グローバルメニューを先につくらないと表示されるわけないですよね。

頼りない案内で、申し訳ないです。 ? 

@leafytree様　　

はい、そうだったのですね！

leafytreeさんから教えて頂いた通りに、グローバルメニューを作成してみたところ、無事にモバイル版でも「メニュー」が表示されました！有難うございました＾＾ホッとしています★

すみません、PCでアイコン付きで「（アイコン）HOME」としたいのですが、絵文字だけになってしまいます。こちらは、どのようにすれば↑希望のように表示されますか？

お忙しいなか、申し訳ありませんが教えて頂けますと幸いです。

@leafytree様　

大丈夫でした！(笑)

お騒がせ致しました。@leafytree様　のお陰で無事、問題解決したこと深く感謝しています！

ブログ作りに専念して頑張りたいと思います！

有難うございました ? 

無事表示されたようで、良かったです。 ? 

拙い回答で、恐縮です。

@leafytree様　

すみません、自分なりに解決したのですが、グローバルメニューでTwitterのアイコンだけ、他サイト↓

https://bibabosi-rizumu.com/cocoon-amp-twitter-iconfont/#toc2

を参考にしたのですが、表示されません＾＾；

また質問してしまいすみません。ご教示頂けますと幸いです。

よろしくお願い致します。

@Aimy さん

私は、あまりアイコンを使わないので、Aimyさんの方が詳しいかもしれません。

ツイッターのアイコンも表示されたみたいなので・・・

サルワカさんのサイトの案内は、Font Awesome５を中心に記事を書いていらっしゃるようですが、アイコンの大きさや、アイコンと文字の間の空白の調整などは、応用できそうな気がします。

【保存版】Font Awesomeの使い方：Webアイコンフォントを使おう

他に、お尋ねになりたいことが、生じましたら、別にトピックを立てていただければと思います。

アイコンならCSSでもできると思いますよ

URLを置いてもらえたら

またどの部分に置きたいかも知りたいです

ちなみに他サイトって私のだ必ず反映できますよん❦