【73日目】スマホ下にメニューが表示されない?Cocoonのモバイル設定で即解決!

100日チャレンジ

🧠このブログはChatGPT(GPT-4)有料版を活用しながら、自分自身の運営経験と組み合わせて記事構成・執筆を進めています。
WordPressテーマは「Cocoon」の「Simple Blue」を使用。
📸 アイキャッチ画像は統一ではなく、記事ごとにCanva無料版で内容に合わせて自作しています。

ブログのスマホ表示をチェックしていたとき、
「えっ…下にメニューがない?」と焦ったことはありませんか?

わたしも最近「モバイルフッターメニュー」を設定したのに、反映されていないことに気づいて混乱…。
ですが、Cocoonの設定を見直すことであっさり解決できました!

この記事では、実際の失敗体験を元に「モバイルメニューが表示されない原因と解決法」を紹介します。


📌目次

  • モバイルメニューが表示されない原因
  • Cocoonで確認すべき3つの設定ポイント
  • 表示された実例(画像付き)
  • 解決してわかった回遊率UPの効果
  • 本日の所感(関西出身)
  • 次回のお知らせ
  • 💹収益性評価(表形式)
  • 📚ブログ初心者におすすめ!わたしが選んだ4つのアイテム
  • 🔍SEOタイトルとメタディスクリプション

モバイルメニューが表示されない原因とは?

実際に発生した症状はこんな感じでした:

  • モバイル表示にしてもフッターに何も出ない
  • 「外観→メニュー」でモバイルメニューを作成済
  • 設定も完了したはずなのに…表示されない!

結論から言うと、「Cocoon設定のON/OFF切り替え」を見落としていました。


Cocoonで確認すべき3つのポイント

チェックすべき設定は以下の3点です:

  1. 外観→メニューで「フッターモバイルボタン」に割り当てているか
  2. Cocoon設定→モバイル→モバイルフッターメニューの表示がONになっているか
  3. キャッシュクリアで反映されるか確認すること

表示された実例(画像あり)

以下が実際に設定できた状態のスマホ画面です:

HTMLブロックでの挿入例

スマホ表示でモバイルメニューが表示された例

解決して感じた効果:スマホ回遊が明らかにUP!

モバイルフッターメニューが表示されることで、

  • スマホユーザーの直帰率が下がった
  • 「投資記録」「100日チャレンジ」両方の導線が明確に
  • ページ滞在時間も向上!

特に今のように「複数企画を並行」している場合には、モバイル導線は必須です。


本日の所感(関西出身)

いや~モバイルって気づきにくいトラブル多いですね…。
今回は「表示されへん…なんでや!」と焦ったけど、ちゃんとCocoon側の設定やったとは。
モバイルユーザーのためにも、細かいとこまで気を配らなあかんなと再確認しました。


次回のお知らせ

👉【74日目】は、Cocoonの「投稿一覧をカード表示」にしたらCTRが上がった件をご紹介します!


💹収益性評価(表形式)

評価項目内容
商品リンクの有無あり(ConoHa WINGや書籍紹介あり)
成約導線の明確さ「表示トラブル→解決→導線設計」につながる流れあり
検索流入の可能性「モバイルメニュー 表示されない」など対策ワード多数
SNSでの拡散性Cocoon設定あるあるネタで共感が狙える
今後の記事との連携72日目の設定系記事と自然に連携可能
総合評価(収益視点)★★★★☆(行動導線と内部リンクが強化できる)

📚ブログ初心者におすすめ!わたしが選んだ4つのアイテム

📚 ブログ初心者におすすめ!わたしが選んだ4つのアイテム

「ブログを始めたいけど、何から手をつければいいかわからない…」という方に向けて、わたし自身が使って本当に役立った4つのツールをご紹介します👇

📕 紙の書籍はこちら(楽天)
ヒトデ本 楽天
『「ゆる副業」のはじめかた アフィリエイトブログ』[ヒトデ]

📱 Kindle版はこちら(Amazon)
ヒトデ本 Kindle
『「ゆる副業」のはじめかた アフィリエイトブログ』(Kindle版)

📕 紙の書籍はこちら(楽天)
深津本 楽天
『ChatGPTを使い尽くす! 深津式プロンプト読本』[深津 貴之]

📱 Kindle版はこちら(Amazon)
深津本 Kindle
『ChatGPTを使い尽くす! 深津式プロンプト読本』(Kindle版)

🤖 記事作成には ChatGPTの有料版「Pro(GPT-4)」 を使っています。
無料版に比べて 文章力・要約力・SEO対策の提案 までできて、ブログ運営のパートナーとして欠かせません。

👉 ChatGPT Proの詳細はこちら


🌐 ブログを公開するには「サーバー」が必要ですが、初心者のわたしでも安心して使えたのが ConoHa WING(コノハウイング)です。
WordPressがすぐに使える「かんたんセットアップ機能」や、表示スピードが速いのも大きな魅力でした!

ConoHa WINGバナー

この4点セットがあれば、ブログ収益化への第一歩を安心して踏み出せます!
わたし自身もこの環境で、毎日記事を書き続けることができました😊

🔍SEOタイトルとメタディスクリプション

SEOタイトル:
✅【73日目】スマホでメニューが表示されない?Cocoonのモバイル設定3つで即解決!

メタディスクリプション:
スマホで下にメニューが出ない…そんなCocoonの「モバイルメニュー表示トラブル」を3ステップで解決!設定の確認ポイントと表示例も画像付きで解説。初心者でも迷わない!

コメント

タイトルとURLをコピーしました