作成日：2025年10月19日

1.はじめに：再スタートの記録から始まった学び

こんにちは。

「エスアイコムのブログ」を運営しているミータです。

2025年9月、私はWordPressをインストールして新しいブログを立ち上げました。

WordPressを始めて少し経ったころ、サーチコンソールの「インデックス未登録」や「404」などの表示に不安を感じた――。

この記事では、私（ミータ）が実際に経験した「noindex」「クロール済み – インデックス未登録」「404」などの疑問を、

ひとつずつ理解しながら解決していった体験をもとに、初心者でも安心して運営できる具体的な対処法を紹介します。

第1章：URL検査で見つけた「未登録」の山

WordPressに慣れてきた頃、ふと開いたGoogleサーチコンソール。

「URL検査」の項目に並んでいたのは、

“インデックス登録されていません”という表示がいくつも。

記事は公開済み。

でもGoogleには登録されていない──。

「せっかく書いた記事が、検索に出てないのかも…？」

そんな不安から、私はすぐにChatGPTに相談しました。

ChatGPTの答えはこうでした。

「まずは、そのURLが“記事”なのか、“システムで生成されたページ”なのかを確認してみましょう。

検索結果やタグページなどは、Cocoonテーマが自動でnoindexにしている場合があります。」

なるほど、焦る前にまず“種類”を確認すべきなのですね。

第2章：noindexタグの正体を突き止める

実際に「noindex」と表示されたページを調べると、出てきたのは次の3つ。

https://sicom-blog.com/?s={search_term_string}

https://sicom-blog.com/2025/09/

https://sicom-blog.com/〇〇/?replytocom=2

どれも、検索結果ページ・月別アーカイブ・コメント返信URL。

つまり、記事そのものではありません。

Cocoonは、こうしたページに自動的にnoindexタグ（検索除外指定）を付与しています。

noindexとは？

「noindex」は、

「このページは検索結果に載せないでください」

というGoogleへの指示です。

WordPress＋Cocoonでは、以下のようなページに自動で適用されます。

👉 結論：記事ページにnoindexが付いていなければ、正常。

「なるほど、“除外＝エラー”じゃなく、“整理整頓”なんだ。」

私はこのとき初めて、

Googleの動作を“敵”ではなく“協力者”として見るようになりました。

第3章：クロール済み – インデックス未登録の正体

次に気になったのが、

「クロール済み – インデックス未登録」という項目。

該当件数は、なんと74件。

しかし、一覧を確認すると──

/tag/体験談/feed/

/tag/カテゴリー設定/feed/

/tag/css追加/feed/

/tag/メニュー作成/feed/

すべてタグページやRSSフィードでした。

「クロール済み – 未登録」は問題？

Googleはページを「見に行った（クロール）」あと、

「検索結果に載せるか」を判断します。

登録されない理由は主に3つ。

1. タグ・アーカイブなど重複ページ
2. 内容が薄い（構造的ページ）
3. 既存ページと内容が重なる

Cocoonではこれらを自動でnoindexにしているため、放置でOK。

「74件の未登録」＝「74件の正常動作」。

知識がひとつ増えるたびに、不安が小さくなっていきました。

第4章：404との出会い──見つからなかったページ

しばらくして、「見つかりませんでした（404）」という表示も発見。

該当URLは2件。

1つはカテゴリ名を変更したときの古いURL、

もう1つはリダイレクト済の古い投稿でした。

「また消えちゃったのかな…？」

かつて無料ブログを失った記憶が蘇り、少し胸が痛みました。

でも今はもう、URLが変わっても守る方法を知っています。

404とは？

404（Not Found）＝ ページが存在しない状態。

「404は、迷子のページ。

リダイレクトで新しい住所を教えてあげよう。」

第5章：Redirection導入——リダイレクトの魔法

ChatGPTに教わって導入したのが、

「Redirection」プラグイン。

これは、古いURLから新しいURLへ“自動転送”する便利ツールです。

🔧 手順まとめ

1. WordPress管理画面 → 「プラグイン」→「新規追加」
2. 「Redirection」を検索 → インストール → 有効化
3. 「ツール」→「Redirection」→「Start Setup」
4. 「Monitor permalink changes」に✅チェック

リダイレクト設定例：

保存すれば、即反映。

アクセスしても新しいURLへスムーズに転送されます。

第6章：404モニターの力——“静かなヒーロー”

Redirectionには「404モニター」機能があります。

これは、アクセスされた“存在しないURL”を自動記録してくれる機能です。

🧭 設定手順

1. 「ツール」→「Redirection」→右上の「設定」タブ
2. 「404エラーをログに記録」に✅チェック
3. 保存

これで、アクセスログに“迷子ページ”が一覧表示されます。

「あ、誰かが古いURLにアクセスしてる」

そんな気づきを得て、すぐに対応できる安心感。

404モニターは、静かにサイトを守る夜のヒーローでした。

第7章：不安が知識に変わる瞬間

最初は不安でいっぱいだった。

「noindex」「404」「未登録」──。

でも、一つひとつ意味を知ることで、

その不安は“理解”へと変わっていきました。

noindexは門番。

クロール済み未登録は整理係。

404はメッセンジャー。

どれも“サイトを支える存在”だったのです。

Cocoonの自動noindex設定を理解し、

RedirectionでURLを守り、

404モニターで状況を把握できるようになった今、

サーチコンソールの表示が“怖い数字”ではなく

“サイトと対話するメッセージ”に変わりました。

第8章：知識が自信に変わる日

WordPressを始めたばかりの頃、

SSL化も固定ページも、何もかもが手探りでした。

けれど今では、

サーチコンソールのデータを開いても動揺しません。

「これは整理中のURL、こっちはリダイレクト完了。」

数字の裏にある意味を理解できるようになると、

焦りの代わりに、静かな自信が生まれました。

学びは不安を溶かし、

理解は自信に変わる。

この小さな成功体験が、次の行動へのエネルギーになります。

第9章：未来への準備

今の目標は、AdSenseの審査通過。

でも、本当の目的は“学びを共有すること”。

これからは、

この経験をYouTubeや音声配信でも発信していく予定です。

「初心者が悩んだリアルな過程を、そのまま届けたい。」

WordPressでつまずいたり、

404やnoindexに悩んだ人が、

この記事を読んで安心できたら──

それが、私にとって最高の報酬です。

第10章：エラーは、成長のサイン

404も、noindexも、未登録も──

どれも、成長のサイン。

サーチコンソールは、“失敗ノート”ではなく“成長日誌”。

エラーを怖がる必要はありません。

そこに学びがある限り、

あなたのブログは確実に進化しています。

「エラーが出る＝動いている証拠。

何も出ない方が、むしろ怖い。」

まとめ：理解が不安を超えた日

失敗は、成長の入り口。

サーチコンソールの数字は、あなたの学びの地図です。

📘この記事のテーマ

初心者がエラーを怖がらず、学びを成長に変えるための実録ガイド

🖊️ 執筆：ミータ（エスアイコムのブログ）

📍 https://sicom-blog.com

📅 作成日：2025年10月19日

作成：2025年10月18日

はじめに

AdSenseの審査中に「ads.txt 不明」と表示されて困った経験はありませんか？

私もまさに同じ状況に直面し、どう対処すれば良いのか分からず悩みました。

そんなときに相談したのが ChatGPT。

わずか数秒で返ってくる具体的なアドバイスと、丁寧な説明に支えられながら、

初心者でもads.txtの問題を無事に解決することができました。

この記事では、私とChatGPTとの実際のやり取りをそのまま公開し、

同じように困っている方の参考になるようまとめました。

私とchatGPTとの対話

私からchatGPTに送信

• 私の立場の文章を送信
• 依頼：AdSenseの「ads.txt 不明」の対処
• AdSenseのサイト画面のコピー送信

chatGPTからの返信

ありがとうございます、画面コピーの内容を確認しました。

「sicom-blog.com」が「準備中」で「ads.txt 不明」となっている状態ですね。

これは多くの場合、ads.txt ファイルがまだ正しく検出されていないことを意味します。

AdSense 側で「不明」と表示される原因は主に以下の3点です。

【1】ads.txt ファイルの設置確認

WordPress のルートディレクトリ（https://sicom-blog.com/ads.txt）にファイルが存在しているかを確認します。

ブラウザでこのURLを直接開いて、以下のような内容が表示されればOKです。

google.com, pub-xxxxxxxxxxxxxxxx, DIRECT, f08c47fec0942fa0

ファイルが存在しない場合の手順：

1. AdSense 画面で「ads.txt をダウンロード」リンクをクリック
2. WordPressの管理画面 → ファイルマネージャーまたはFTP（Xserverの場合はサーバーパネルの「ファイル管理」）へ
3. 「public_html」フォルダ直下に ads.txt ファイルをアップロード

【2】AdSense 側の検出タイミング

ファイルを設置しても、すぐには反映されません。

通常、数時間から最大48時間ほどかかります。

その間は「不明」と表示されたままで正常です。

AdSense 側が定期的にクロールを行い、ads.txt ファイルを検出すると
「ads.txt の問題はありません」という表示に変化します。

【3】別Googleアカウントによる設定ミス

あなたの場合：

• AdSense：taga7272@gmail.com
• WordPress：matsuo.taga2@gmail.com

このように異なるアカウントを使用している場合、

ads.txt ファイルに記載されている「pub-ID」が

AdSenseアカウント（taga7272）のものと一致している必要があります。

もし別アカウントのIDを記載していると、

Google側で正しく認識されず、「不明」や「検出されない」状態が続きます。

次のステップとして

1. https://sicom-blog.com/ads.txt を開いて内容を確認
2. その内容をコピーして私に送ってください

→ 正しい形式になっているかを確認し、必要があれば修正版を提案します。
👉 ads.txt の内容を貼り付けてください。

私からchatGPTに送信

404 NOT FOUND になります。

chatGPTからの返信

ありがとうございます。

https://sicom-blog.com/ads.txt が「404 NOT FOUND」になるということは、

まだサーバー上に ads.txt ファイルが設置されていない状態です。

このままでは AdSense 側で「不明」のまま検出できません。

以下の手順で正しく設置しましょう 👇

手順：ads.txt を正しく設置する

① AdSense 管理画面で「ads.txt をダウンロード」

1. AdSense にログイン（taga7272@gmail.com でログイン）
2. 左メニューの「サイト」 → sicom-blog.com をクリック
3. 「ads.txt ファイルをダウンロード」リンクをクリック
4. ダウンロードしたファイルを開くと、次のような1行が入っています。

google.com, pub-XXXXXXXXXXXXXXXX, DIRECT, f08c47fec0942fa0

👉 この「pub-XXXXXXXXXXXXXXXX」はあなたのAdSense発行者ID（Publisher ID）です。

② WordPress（Xserver）のルートにアップロード

1. Xserver にログインします。
2. サーバーパネルの「ファイル管理」を開きます。
3. あなたのドメインフォルダ（例：sicom-blog.com）を開きます。
4. public_html フォルダ直下に、先ほどの ads.txt ファイルをアップロードします。

📂 アップロードパスの例：

/home/ユーザー名/sicom-blog.com/public_html/ads.txt

③ 確認

アップロードが完了したら、ブラウザで次のURLを開きます👇
https://sicom-blog.com/ads.txt

上記URLを開いたときに、

以下のようなテキストがそのまま表示されていればOKです。

google.com, pub-XXXXXXXXXXXXXXXX, DIRECT, f08c47fec0942fa0

（改行や余分なスペースがないことも確認してください）

④ AdSense 画面の反映について

ads.txt を正しく設置しても、Google が再クロールして反映するまでには
最大48時間程度かかります。

その間は「不明」や「要確認」のままでも問題ありません。

数日後に「問題なし」「準備完了」などの表示に変われば成功です。

📌 重要ポイントまとめ

• WordPressの管理画面からads.txtを設置することはできません。
  （一部プラグインを使えば可能ですが、初心者はXserver経由が確実です）
  
• ads.txt の文字列は半角英数字のみ、改行は1行だけ。
  
• ファイル名は必ず「ads.txt」（大文字・全角は禁止）。

もし希望があれば、

AdSenseからダウンロードしたads.txtの中身（1行のみ）をここに貼り付けてください。

正しい書式になっているかを私がチェックします。

私からchatGPTに送信

サイトをクリックしたら次の画面になりました。

審査に通らないとads.txtは発行されないのではないでしょうか？
（画面コピー送信）

chatGPTからの返信

とても良いご質問です。そして、はい、その理解でほぼ正解です。

現在の「sicom-blog.com」は審査中（準備中）の状態です。

そのため、AdSense管理画面ではまだ「ads.txt ダウンロードリンク」など

一部の設定項目が表示されません。

現状の整理

💡 なぜ ads.txt が「不明」なのか

AdSense の審査は、サイトがポリシーに準拠しているか、

広告配信が可能かを確認するプロセスです。

審査を通過して「承認済み」となると、初めて次の3つが可能になります：

1. AdSense 側で pub-XXXXXXXX（あなたのサイト専用の発行者ID）が割り当てられる。
2. 「ads.txt をダウンロード」リンクが表示される。
3. そのファイルを WordPress サイトのルート（https://sicom-blog.com/ads.txt）に設置できる。

したがって、現在の「不明」はエラーではなく、

「まだ審査中だから出ていないだけ」 の状態です。問題はありません。

🕒 次に取るべきアクション

• 今は待機でOK
  　→ AdSense審査が完了し、「承認済み」または「要修正」となった時点で
  　　ads.txt の情報が発行されます。
  
• ads.txt設置準備をしておきたい場合（任意）
  　→ 審査通過後すぐ対応できるよう、
  　　Xserver の public_html フォルダにアクセスして、
  　　ファイルを置く場所を確認しておくと良いです。
• CMP（同意メッセージ）設定
  　→ 現時点ではスキップでOKです。
  　　日本国内向けサイトでは収益に大きな影響はありません。
  　　審査通過後に「Google の CMP を使用」から設定すれば十分です。

✅ まとめ

【エピローグ】chatGPTとの対話を振り返って

今回のやり取りを通じて感じたことは、

AIとの対話は「ただのサポート」ではなく、まるで共同作業のようだということです。

私は質問を投げかけ、chatGPTは瞬時に答えを返してくれました。

それは冷たい機械的な回答ではなく、

まるで人間の専門家に相談しているような、温かみのある言葉でした。

特に印象に残ったのは、chatGPTの回答スピードと正確さです。

わずか1秒ほどで返ってくる応答の中に、

初心者でも理解できるように配慮された説明と、

次にやるべきことが明確に整理されていました。

【AIサポートの価値】

従来であれば、同じ情報を得るためには

Google検索やフォーラム、YouTube解説などを

いくつも調べなければならなかったでしょう。

しかしchatGPTとの対話では、

質問に合わせて最適な形で答えがまとめられ、

しかもこちらの状況（WordPressの使用テーマや環境）に合わせて

内容をカスタマイズしてくれます。

これはまさに「個別指導AI」と呼べる存在です。

作業を自分のペースで進めながら、

わからないところだけを丁寧に補ってもらえる。

ブログ初心者にとっては、最強の学習環境だと感じました。

【今後に向けて】

今回の体験で、「AIとの対話を記録すること」の大切さも学びました。

私はこのやり取りを Google Keep に保存していますが、

後から見返したときに、

自分がどんな疑問を持ち、どう解決していったのかが一目で分かります。

この記録は、自分の成長の証であり、

また同じ悩みを持つ人への道しるべにもなるでしょう。

今後は、chatGPTとの対話記録をもとに、

「初心者がAdSenseに合格するまでの実録シリーズ」として

ブログ記事化していく予定です。

【最後に】

💬 chatGPTは、ただのAIではなく “共に学ぶ相棒” です。

質問を投げることで、自分の理解が深まり、

回答を読むことで、新しい視点を得られます。

ブログ運営は孤独な作業になりがちですが、

chatGPTとの対話があれば、一人で悩む時間が大幅に減ります。

これからも、AIを活用しながら、

「読者に役立つ体験談ブログ」を続けていきます。

📖 以上、chatGPTに依頼した「AdSense ads.txt 不明」対処の実録体験談でした。

🕒 作成：2025年10月17日 12時42分

📝 記録者：ミータ（sicom-blog.com）

作成：2025年10月17日

1.はじめに

WordPressで記事を書くとき、<script>タグや広告コードを貼っただけでレイアウトが崩れて困ったことはありませんか？

特にマークダウン形式で投稿していると、正しく表示するにはちょっとしたコツが必要です。

この記事では、初心者でも簡単にできる「崩れないHTMLの貼り方」を、3つの方法でわかりやすく解説します。

WordPress＋Cocoonユーザー必見の保存版ガイドです！

第1章：なぜレイアウトが崩れるのか？

WordPressのブロックエディター（Gutenberg）は、

セキュリティ保護のために、<script>タグや一部のHTMLタグを

自動的に除外したり変換したりします。

つまり、次のように本文中へ直接HTMLを書くと、

WordPressが「危険なスクリプト」と判断して崩れてしまうのです。

<script async src="https://example.com/ads.js"></script>

これが「ブロック崩れ」や「テキスト消失」の原因です。

第2章：崩れずにHTMLを表示する３つの方法

✅ 方法①：コードを見せたいだけなら、3つのバッククォートで囲む

マークダウンでは、3つのバッククォート（```）を使って、最初と最後に記載すれば、

HTMLが「実行されない表示」として安全に扱われます。

例：

```html
<script async src="https://example.com/ads.js"></script>
```

🔸このようにすると：

• HTMLコードがそのまま表示される
• 実行されないため安全
• ブロック崩れが起きない

記事で「貼り付け例」として紹介したいときに最適です。

✅ 方法②：実際に動作させたいなら「カスタムHTML」ブロックを使う

広告タグやYouTube埋め込みなど、HTMLを実行したい場合は

「段落ブロック」や「マークダウンブロック」ではなく、

「カスタムHTML」ブロックを使用します。

🔹手順

1. 投稿画面で「＋」をクリック
2. 「HTML」と入力して検索
3. 「カスタムHTML」ブロックを選択
4. 下記のようにコードを貼り付ける

プレビューで確認すれば、正しく動作します。

✅ 方法③：Cocoonテーマを使っている場合は、テーマ設定で貼る

Cocoonには、広告コードやスクリプトを安全に管理できる専用欄があります。

🔹手順

1. WordPress管理画面 → 「Cocoon設定」
2. 「アクセス解析・認証」タブをクリック
3. 「広告コード」欄にAdSenseスクリプトを貼り付け
4. 保存をクリック

これで、全ページに自動的に反映されます。

ブロックエディターで貼るより安全で、崩れる心配もありません。

第3章：NGなやり方（やってはいけない例）

以下のように書くと、WordPressが自動でコードを削除したり変換してしまいます。

<script async src="https://example.com/ads.js"></script>

これは本文ブロックの中で直接スクリプトを書いているため、

ブロック構造が壊れる原因になります。

💬 対策：必ず「コードブロック」か「カスタムHTML」を使うこと！

第4章：目的別まとめ表

第5章：マークダウン＋HTMLの使い分けのコツ

マークダウンとHTMLを同時に使うときは、

次のルールを覚えておくと安心です。

• ✅ 文章・見出し → マークダウンで書く
• ✅ コード・広告 → カスタムHTMLで書く
• ✅ 混在させず、ブロックを分ける

まとめ：崩れない＝安心して書ける

マークダウンで記事を書くと、コードが美しく整理できて気持ちいい反面、

HTMLやスクリプトの扱いで崩れることもあります。

でも、今回紹介した3つの方法を覚えておけば大丈夫です。

見せたい時はコードブロック。（3つのバッククォートで囲む）

動かしたい時はカスタムHTML。

それだけで、記事が壊れず、安心して投稿できます。

📘 この記事のテーマ

【WordPress初心者向け】HTML・AdSenseコードを安全に貼る方法を完全解説

🔸 執筆： ミータ（エスアイコムのブログ）
🔸 サイト： https://sicom-blog.com

作成：2025年10月10日

はじめに：この記事の目的

この記事では、私（ミータ）が Google AdSenseの審査申請を行い、審査待ち状態になるまで の一連の流れを、

WordPress（Cocoonテーマ）＋Site Kit環境での実体験 をもとに時系列で記録しています。

設定手順だけでなく、実際に表示された画面、審査時の注意点、申請後の状態変化までを詳細にまとめました。

これからAdSense審査を受ける方の参考になるよう、操作ログ＋対処法 の両方を掲載しています。

Google AdSenseの審査は、ブログ収益化の最初の大きなハードルです。

この記事では、WordPress＋Cocoonテーマを使ったAdSense申請の全手順を、実際の操作画面と体験記録 に基づいて詳しく解説します。

アカウントが1つの場合・2つに分けて運用している場合の違いも整理し、エラーを防ぎながら最短で「審査待ち」に進む方法をまとめました。

🎯 この記事でわかること

• AdSense審査申請までに準備すべき項目
• 審査申請フォームの正しい入力方法
• 「サイトの確認」完了までの流れ
• 審査待ち中に確認すべき設定
• アカウントを複数使う場合の注意点
• 申請後に表示される「同意メッセージ作成」通知の扱い

（1）AdSense審査を申し込む前の準備

まず、申請前に次の3点をチェックしました。

これを満たしていれば、申請時のエラーや警告がほぼ出ません。

💡 Googleアカウントの使い分けについて（重要）

ここは多くの人が混乱するポイントです。

私自身も AdSenseは旧Blogger時代のアカウント（taga7272@gmail.com）、

WordPress運営やSite Kit連携には 新しいアカウント（matsuo.taga2@gmail.com） を使っています。

このように2つのアカウントを使い分ける場合は、次のように設定すると安全です。

✅ ケース①：アカウントを2つ使っている場合（私の構成）

💬 この運用なら「別アカウント警告」を完全に回避できます。

AdSenseタグ（コード）だけをWordPressに貼り付ける形で連携し、

データ共有は行わない設計にしておくのがポイントです。

• Site KitでAdSenseを接続しようとすると「別アカウントを使用しています」と警告が出る
  
• その場合は AdSense連携をスキップ して、Analyticsだけ連携すればOK
  
• 広告の表示や収益データはAdSense側で正しく集計されます

⚙️ 後にSite KitでAdSenseを追加したい場合は、両方のアカウントを同一にする必要があります。

ただし、複数アカウント運用のままでも広告は正常に表示されます。

✅ ケース②：アカウントが1つしかない場合（初心者向け構成）

この構成では、AdSense・Analytics・Search Consoleがすべて同一ログインで管理されるため、

設定が簡単で、Site Kit上でも一括接続できます。

💬 注意点：
Blogger時代に作ったAdSenseアカウントをそのまま使う場合、

同じメールで新しいAnalyticsを作成すると「旧設定が残る」ことがあります。

この場合は、一度Site Kitを再認証すれば解消します。

🚫 NG：アカウントを混在させるとこうなる

• AdSenseをAアカウント、Site KitをBアカウントで同時接続
  
• もしくは途中でアカウントを切り替える

こうした状態になると、Site Kitで次のような警告が表示されます。

「別のGoogleアカウントのサービスが検出されました。接続を解除してください。」

対処法：

• Site Kitの「AdSense」連携をスキップし、Analyticsのみ接続
  
• AdSense側のタグを手動で貼り付けて審査を継続
  
• 後日、必要に応じて同一アカウントで統合

✅ 結論として：

• アカウントが2つある場合 → 分けて運用してOK（最も安全）
  
• アカウントが1つしかない場合 → そのまま統合でOK
  
• 混在してしまった場合 → Site KitのAdSense連携を外せば解決

💬 私自身は、Blogger時代のAdSenseアカウントを引き継ぎつつ、

WordPressでは別のGoogleアカウントで運営中。

この方法でも問題なく審査・収益化ができました。

（2）Google AdSense公式ページへアクセス

1. https://www.google.com/adsense/ にアクセス
   
2. 「ご利用開始」ボタンをクリック
   
3. AdSense用アカウント（taga7272@gmail.com）でログイン

この段階で自動的に「お客様のサイトのURL」と「メールアドレス」が入力欄に表示されます。

（3）サイト情報の入力

入力後、「保存して次へ」をクリック。

💬 ここで間違えて「http://」で登録すると、後で審査が進まない場合があるので注意。

（4）国または地域を選択

「日本」を選択し、利用規約に同意。

この時点でアカウントが仮作成されます。

次の画面で「お支払い先住所」の登録に進みます。

（5）支払い情報の入力

AdSense収益を受け取るために、氏名・住所を登録します。

入力後、「送信」ボタンを押すとアカウント登録完了。

次に「サイトをAdSenseにリンクする」ステップへ進みます。

（6）サイトの確認コードを取得

登録が完了すると、次のような画面が表示されます：

「広告を掲載するには、次のコードをサイトの <head> タグ内に貼り付けてください。」

このコードが「AdSense審査用スニペット」です。

（7）Cocoonでのコード貼り付け

WordPress管理画面 → 「Cocoon設定」 → 「アクセス解析・認証」タブ へ進みます。

「ヘッド用コード」欄に、上記のAdSenseコードを貼り付けて保存します。

✅ アナリティクスのコードはSite Kitが自動挿入しているため、この欄には貼らないでOK。

AdSense用スニペットだけを貼るのが正解です。

（8）AdSenseで「確認」ボタンをクリック

コードを貼り付けたら、AdSense画面に戻り「サイトの確認」ボタンをクリック。

数秒後、以下のメッセージが表示されます。

✅ サイトの確認が完了しました。現在、審査中です。

（9）審査待ち状態になる

「サイト」タブを開くと、ステータスが 「審査中」 となります。

同時に上部に次の通知が出ます。

「サイトの同意メッセージを作成してください」

「後で通知」または「今すぐ作成」から選択可能

この段階では、同意メッセージはまだ設定しません。

AdSenseの審査結果には関係がないため、まずは審査完了を待ちます。

（10）審査中に確認すべきポイント

💡 これらが整っていれば、通常1〜5日で審査結果が届きます。

休日を挟むと最大1週間かかる場合もあります。

（11）「同意メッセージ作成」通知の扱いについて

この通知は EU・EEA向けのCookie同意バナー設定 に関するものです。

現時点では「後で通知」を選択して問題ありません。

審査通過後に「Consent Mode（同意メッセージ）」を設定すればOKです。

✅ この対応は後の記事「AdSense審査通過後の設定まとめ」で詳しく解説します。

（12）審査中に行ってはいけないこと

（13）審査期間中にできること

• 新規記事の投稿（内容の質を維持する）
  
• サイトデザインの微調整（外観変更はOK）
  
• サーチコンソールでクロール状況をチェック
  
• PageSpeed Insightsでパフォーマンス最適化

💬 「審査待ち中に手を止めない」ことが重要です。

審査担当AIが巡回するタイミングでサイトが整っていれば好印象になります。

（14）審査完了メールが届くまで

平均2〜5日で結果が届きます。

通知メールの件名は以下のどちらかです。

• ✅ 承認時：「おめでとうございます。AdSenseのご利用が承認されました」
  
• ❌ 否認時：「お客様のサイトは現在AdSenseに参加できません」

💡 否認された場合も、修正して再申請可能。

修正ポイントは「コンテンツの質」か「サイト構造」がほとんどです。

（15）今回の体験での気づき

• AdSenseは「コードを貼る→待つ」だけではない
  
• 審査前の準備（ポリシー・固定ページ整備）が成功の鍵
  
• 「同意メッセージ」通知は焦らなくていい
  
• Site KitとCocoonの組み合わせは安定していてトラブルが少ない
  
• アカウントを分けても問題なく収益化できる

✳️ 次の記事

👉 [AdSense審査通過後にやること完全ガイド｜自動広告とConsent Mode対応]

🌱 はじめに：メニューに出てきた「謎の説明文」

こんにちは、ミータです。

このブログでは「心の学び」と「WordPress運営」をテーマに、実際に自分で体験したことを中心に書いています。

今回のお話は、WordPressを使っていて誰もが一度は経験するかもしれない、“どうしても消えない謎の表示” にまつわる体験談です。

テーマは「Cocoon」。

無料とは思えない完成度で、デザインもSEOも強い人気テーマですよね。

ところがある日、スマホでブログを見ていたら、メニューの下に余計な説明文が出ているのを発見しました。

Cocoonでメニューを設定していたら、スマホ表示のときにメニュータイトルの下に説明文が出てしまう…。

削除しても、どの設定を探しても消えない。

そんな“Cocoonあるある”のトラブルを、ChatGPTと一緒に解決した実録です。

この記事では、初心者でも安全にできる「Code Snippets」を使った解決方法を、会話形式でわかりやすく紹介します。

同じ悩みを持つ方のヒントになれば幸いです。

📱 トラブル発生：「メニューに説明が出てる!?」

私のメニューはこんな感じでした。

MENU
ホーム／心の羅針盤／ 潜在意識の旅路／ 願いは叶う／ WordPress体験談／ WordPressでブログを始めた体験を、実際の失敗談や気づきを交えながら紹介しています。／運営者／ 記事一覧

WordPress体験談の下に「説明文」がズラッと並んでいます。

最初は「まぁ、悪くはないかな」と思いました。

でも、よく見るとモバイルでの表示が長すぎる。

スクロールしないと他の項目が見えない。

デザイン的にも、なんだかスッキリしない。

「これ、いらないな」と思って設定を見直しました。

⚙️ 設定を見ても「非表示」がない…

「Cocoon設定 → モバイル → メニュー」
「外観 → メニュー」

どこを見ても、「説明を表示しない」という設定は見つかりません。

試しに「説明欄の文章」を全部削除してみても、スマホでは残ったまま。

キャッシュを削除しても変わらない。

テーマスキンを変えても変わらない。

もうお手上げ状態でした。

🤔 「functions.php」で消せる？でも怖い…

ネットで検索してみると、「functions.php にコードを追加すれば消える」という情報がありました。

でも、functions.phpって、WordPressの“心臓部”みたいなファイルですよね。

初心者がいじっていい場所ではないと、ずっと思っていました。

「もし間違えて真っ白になったらどうしよう…」

そう思うと手が出せませんでした。

💡 ここで登場：ChatGPTに相談してみた

そこで頼ったのがChatGPT。

「何をどこに書けばいいのか全然わからない」とき、やさしく順番に教えてくれる相棒のような存在です。

実際に質問してみました👇

💬 ChatGPTとの会話（要約）

私：「Cocoonのスマホメニューに説明文が出てます。非表示にしたいのですが、設定が見つかりません。」

ChatGPT：「Cocoonの仕様で、説明文はHTMLに自動で出力されています。設定からは消せません。コードで非表示にできます。」

私：「コードは怖いです…」

ChatGPT：「大丈夫です。テーマを直接いじらずに済む方法があります。“Code Snippets”というプラグインを使えば安全ですよ。」

🧩 Code Snippetsとは？初心者の味方になる神プラグイン

ChatGPTが教えてくれたのが、「Code Snippets」という無料プラグイン。

簡単に言うと——

WordPressに“自作コード”を安全に追加できるツールです。

functions.phpに書くようなコードを、WordPressの管理画面から“安全に”追加・管理できます。

• テーマを壊さない
• エラーが出たら自動停止
• テーマ変更しても残る

初心者でも安心して使える“コード専用ノート”みたいなものです。

🪄 ChatGPTが教えてくれたコード

ChatGPTが提示してくれたのが、こちら👇

/**
 * Cocoonのモバイル/PCメニューの説明文（サブテキスト）を非表示にする
 */
add_filter('walker_nav_menu_start_el', function($output, $item, $depth, $args){
  // 説明用のHTML要素を削除
  $output = preg_replace('#<span[^>]*(menu-description|item-description)[^>]*>.*?</span>#us', '', $output);
  // <a>内にある<br>以降の説明を削除
  $output = preg_replace('#(<a[^>]*>[^<]*)<br\s*/?>.*?(</a>)#us', '$1$2', $output);
  return $output;
}, 10, 4);

ChatGPTいわく：

「Cocoonが自動で出力している説明文を、HTMLから取り除くコードです。」

なるほど、メニューの“下の文章”を根こそぎ消す仕組み。

—

🧭 実際にやってみた手順

① Code Snippetsをインストール

管理画面 → プラグイン → 新規追加

「Code Snippets」と検索

インストール → 有効化

これで「スニペット」という新しいメニューが左側に表示されます。


—

② 新しいスニペットを作成

1. 「スニペット → 新規追加」クリック


2. タイトルに「Cocoonモバイルメニュー説明の削除」と入力


3. コード欄に、さっきのコードを貼り付け


4. 「スニペットタイプ」を PHP に設定


5. 一番下の「保存して有効化」をクリック


③ ……でも反映されない!?

ここでスマホで確認したら、変わらない。

あれ？ちゃんと保存したのに？

再びChatGPTに質問。


—
💬 ChatGPT

「スニペットが“使用中”になっていますか？」

なるほど！

Code Snippetsは“保存しただけ”では動かない。

ちゃんと「使用中（Active）」にしないと反映されないのです。

—

④ 使用中にする

1. 「スニペット → 一覧」を開く


2. 追加したスニペットを探す


3. 「有効化」をクリック



これで「使用中」と表示されました。


✅ 再度確認 → 消えた！

スマホで再読み込みしてみると、メニューがスッキリ！説明文がすべて消えました。

思わず「やったー！」と声が出ました（笑）

🧩 他のスニペットも整理

この作業をきっかけに、他のスニペット一覧も整理しました。

📘 スニペットってそもそも何？

体験を通じてやっと理解できました。

スニペット＝WordPressに追加する“小さな機能パーツ”

テーマ本体をいじることなく、

「この部分だけ動きを変える」という小さな魔法を加えるイメージです。

💡 スニペットの状態を理解しておく

💬 ChatGPTのサポートで、本当に助かった

今回一番ありがたかったのは、ChatGPTが

「専門用語を使わずに説明してくれた」ことです。

たとえば、私が「preg_replaceって何ですか？」と聞くと、

「文字の中から特定の形を探して消す命令です」
と具体的な言葉で答えてくれました。

「functions.phpをいじらないほうがいい理由」も、
ちゃんと背景まで説明してくれたので安心して進められました。

🧠 学んだこと：コードは怖くない、理解できると楽しい

今回の経験で一番大きかったのは、

「コード＝怖いもの」ではなく、

“ブログをもっと自由にする道具”だとわかったことです。

ちょっとのコードで、サイトの見た目や使いやすさが変わる。

しかも、スニペットならリスクも最小限。

「失敗しても大丈夫。止めれば戻せる。」

という安心感があるから、楽しく試せるようになりました。

🔍 まとめ：Cocoonのメニュー説明を消したいならこの方法！

🌟 今回の教訓

1. 設定で変えられない部分も、コードで直せる
2. functions.phpを直接編集しない
3. Code Snippetsを使えば安全
4. “使用中”にするのを忘れない
5. ChatGPTを活用すれば理解が深まる

💬 最後に：AIは冷たい存在じゃなかった

私は正直、AIってちょっと距離を感じていました。

でも今回のやり取りを通じて思ったのは、

「ChatGPTって、まるで隣に座って一緒に考えてくれる先生みたい。」

「コードが苦手」「WordPressが難しい」という人こそ、ChatGPTと一緒に進めてみてほしいです。

あなたのペースに合わせて、言葉を選びながら教えてくれます。

さいごに：トラブルも“学びの宝”

今回の出来事は、最初こそ困りましたが、今となっては「良い経験」になりました。

• 設定でできること・できないこと
• コードの安全な扱い方
• ChatGPTとの上手な付き合い方

この３つを一度に学べた気がします。

そして何より、

「自分の力でブログを整えられた」

という達成感がすごく大きかったです。

作成：2025年10月10日

はじめに：この記事は「操作記録＋体験談」です

こんにちは、ミータです。

この記事は、私がWordPressブログ（https://sicom-blog.com）に

Google アナリティクスとSite Kitを設定し、AdSense審査を申請するまでの全過程を、時系列で記録した自分用の操作ログです。

設定中に迷った場面や、意外と重要だったポイントをすべて残してあります。

未来の自分が見返したときに、「あ、こうやって進めたんだった」と思い出せるようにするのが目的です。

Googleアナリティクス（GA4）をWordPressに導入する手順

実際の操作画面と体験談を交えて詳しく紹介します。

途中で迷いやすい「ウェブの選択」「データストリーム」「Site Kitの連携」も図解付きで整理。

初心者でも確実に設定完了できる手順書です。

全体の作業タイムライン

（1）WordPress＋Cocoonの初期状態を確認

作業の前提として、ブログの環境を整えておきました。

これをやっておくと、アナリティクスやAdSenseでエラーが出ません。

• テーマ：Cocoon（最新版）
• SSL化：完了（https://でアクセス可）
• サーチコンソール：登録済み
• 固定ページ：「プライバシーポリシー」「お問い合わせ」設置済み

💡 CocoonテーマはGoogle連携との相性が良く、

コード挿入欄やSEO設定も充実しています。

（2）Googleアナリティクスの登録とプロパティ作成

1. https://analytics.google.com/ にアクセス
2. 「測定を開始」をクリック
3. Googleアカウント「matsuo.taga2@gmail.com」でログイン

設定内容

• アカウント名：Sicom Analytics
• プロパティ名：sicom-blog.com
• タイムゾーン：日本
• 通貨：日本円

ここまでは迷わず進行。

（3）「ウェブを選択」が見当たらない問題

ブログ記事の説明にあった「ウェブを選択」ボタンが見つからず、手が止まりました。

数分探しましたが、表示されていません。

「画面構成が変わったのかな？」
「自分だけ違う設定画面？」

いったん冷静に、ホームに戻る操作をしました。

すると、作成したプロパティは残っているように見えましたが、

ストリームが表示されず一瞬不安に。

（4）歯車アイコン（⚙️管理）で復旧に成功

ここで最大の発見。

画面左下の歯車アイコン（管理）をクリックすると、

「アカウント」「プロパティ」「データストリーム」の3つの管理列が出てきました。

そこから：

• プロパティ →「sicom-blog.com」
• データストリーム →「ウェブデータストリーム作成」

という順番で設定画面に戻れました。

💡 これが「どこにいても設定画面に戻る方法」です。

“歯車＝管理画面の玄関口” と覚えておけば、もう迷わない。

（5）ウェブデータストリームを作成

設定画面で以下を入力：

• ウェブサイトURL：https://sicom-blog.com
• ストリーム名：Sicom Blog
• ストリームを作成 → 測定ID発行（例：G-MH5KT6QRD4）

（6）ストリーム名が「sicom-blog.com」に自動変換

再度詳細画面を確認すると、

入力した「Sicom Blog」ではなく、ドメイン名「sicom-blog.com」に自動変更されていました。

これはGA4の仕様で、自動的にURLをストリーム名に反映します。

動作上の問題はありません。

（7）「データ収集が有効になっていません」警告表示

上部に黄色いメッセージ：

⚠️「データ収集がウェブサイトで有効になっていません」

最初は「設定ミス？」と思いましたが、

タグをまだWordPressに挿入していないための初期状態です。

この後Site Kitで自動設定されるので放置OKです。

（8）測定IDをメモしておく

GA4の測定ID（例：G-MH5KT6QRD4）をメモ。

今後Site Kitで認識されなかった場合に備え、念のため保管。

（9）WordPressへ移動、Site Kitを確認

WordPress管理画面 → 「Site Kit」 → 「設定」へ。

英語UIで表示：

Connected Services Connect More Services Admin Settings

下部に：

• Search Console → Connected
• PageSpeed Insights → Connected
• Analytics → Connected

「すでに接続済み」の表示に少し驚きました。

（10）なぜ自動接続されていたのか

過去にGoogleログイン状態でSite Kitを起動したため、

アナリティクス情報を自動検出していたようです。

Google公式プラグインの正常な動作なので問題なし。

💬 「勝手に設定されたように見える」＝実際は前回の認証を引き継いだ状態。

（11）Analyticsの詳細を確認

表示内容：

• Account：Sicom Analytics
• Property：sicom-blog.com
• Measurement ID：G-MH5KT6QRD4
• Enhanced Measurement：Enabled
• Excluded from Analytics：All logged-in users

✅ 設定完了。

「Snippet is inserted」とある通り、Site Kitがタグを自動で埋め込み済み。

（12）Cocoon設定の「ヘッド用コード」を確認

次に、Cocoon設定 →「アクセス解析・認証」タブを開きました。

「ヘッド用コード」欄を確認。

ここは空欄でOKなのですが、AdSenseの審査用コードを貼り付けるために使用しました。

💬 補足整理

「アナリティクスのタグは貼らない。AdSenseのタグだけ貼る」

というのが今回の正しい構成です。

保存後、Cocoonが自動的にhead内にAdSenseタグを出力します。

（13）ブラウザのシークレットモードでタグ確認

設定が本当に反映されているかを確認。

💻 PCの場合

1. Chrome右上「︙」→「新しいシークレットウィンドウ」
2. https://sicom-blog.com にアクセス
3. 右クリック → 「ページのソースを表示」
4. Ctrl＋Fで G- または ca-pub- を検索

結果：

GA4タグ（G-MH5KT6QRD4）とAdSenseコード（ca-pub-〜）を確認。

📱 スマホの場合（Android Chrome）

1. Chromeメニュー →「新しいシークレットタブ」
2. 自サイトにアクセス
3. メニュー →「共有」→「ページソースを表示」で確認（※拡張アプリ使用可）

💡 PCで確認するのが最も確実ですが、スマホでも代替可。

（14）翌日、リアルタイムで自分のアクセスを確認

Googleアナリティクス →「レポート」→「リアルタイム」を開くと、
「アクティブユーザー：1」と表示。

自分のアクセスが検出されました。

これでデータ収集が有効化されたことを確認。

（15）AdSense審査の進行と「同意メッセージ」画面

アナリティクス設定完了後、AdSenseにサイトを追加。

「サイトの確認完了」→「審査中」へ進行。

その下に「サイトの同意メッセージを作成する」という案内が出現。

これはEU法対応のCookie同意バナー（Consent Mode v2）設定です。
現時点では「後で通知」を選択し、審査を優先しました。

💬 審査通過後に「同意メッセージ設定」を行うのがベスト。

（16）スマホで再確認したときの印象

途中でスマホ（Chrome）に切り替えて作業。

英語UIの「Connected Services」「Admin Settings」がすっきり表示され、

かえって構造が理解しやすく感じました。

スマホではスクロールが早く、

項目がコンパクトにまとまっていたため操作がスムーズでした。

（17）Site Kitの「Section locked while editing」現象

Site Kitの設定画面で「Section locked while editing」と表示。

これは内部的にGoogleデータを再同期している状態でした。

数分待つと解除され、設定が反映されました。

💡 この時点で画面を閉じても設定は保存されています。

（18）翌日以降の確認とデータ反映

翌日、アナリティクスの「ホーム」画面で確認すると、

ページビューやセッションが少しずつ反映され始めていました。

（最初の数日はほぼ自分のアクセスだけ）

（19）Cocoon＋Site Kit連携で学んだこと

• Site Kitが自動でタグを挿入するため、Cocoon側では重複しないよう注意
• AdSenseタグはCocoon設定に1回だけ貼る
• Site Kitの「除外設定（All logged-in users）」により、自分のアクセスは計測されない

✅ つまり、ログイン状態で見てもアクセス数が増えないのは正常。

（20）今回の設定での3つの発見

（21）今後の作業予定

• AdSense審査結果の確認
• 審査通過後に「自動広告」と「Consent Mode v2」を設定
• Analyticsのイベント計測を調整（クリック・スクロールなど）

（22）まとめ：設定は焦らず、仕組みを理解しながら進める

「途中で迷っても設定は消えない」

「歯車アイコンからいつでも戻れる」

この2つを理解しただけで、設定に対する不安が大きく減りました。

Googleのツールは少し複雑ですが、一度仕組みを理解すれば安心して使えます。

（23）今回の設定全体を振り返って

• 途中で何度か焦った（特に「データ収集が無効」表示）
• 歯車アイコン発見が大きな転機
• Site Kitが自動的にコードを挿入してくれて助かった
• AdSenseコードは手動で貼り、審査を待つ流れを理解
• シークレットモードで実際にタグを確認できたことで自信がついた

（24）📘 この記録の役割

この記録は自分の操作ログであり、

「再設定するときに何をすればよいか」を思い出すためのリファレンスです。

この記録は自分の操作ログであり、

「再設定するときに何をすればよいか」を思い出すためのリファレンスです。

迷った部分も含めて残しておくことで、

“未来の自分”が同じところで止まらないためのメモ帳です。

はじめに

WordPressを始めて1か月。記事も増えてきたころ、ふと気づいたのは「読者が記事を探しづらい」ということでした。

これをきっかけに、Cocoonでヘッダーメニューを整えることに挑戦。

この記事では、初心者の私がカテゴリ設定からメニュー作成、CSS検証までを実体験として紹介します。

ChatGPTに相談しながら、一歩ずつ整えていった過程をそのまま公開します。

第1章：Cocoonを触るたびに分かる「奥の深さ」

WordPressテーマのCocoonは、無料ながら高機能。

最初は「スキン」「インデックス」「OGP」などの専門用語に戸惑いましたが、

設定画面をひとつずつ試していくと、クリック操作だけで主要な見た目や表示方法を切り替えられる“親切設計”だと分かってきました。

失敗しても元に戻せる安心感があり、初心者でも段階的にサイトを整えられます。

今回は、サイトの顔であるヘッダーメニューに取り組み、シリーズ記事をカテゴリ単位で導線化することを目標にしました。

第2章：まずは地図を描く——カテゴリーを整える

メニューはカテゴリーと連動します。

先にカテゴリーを整理しておくと、後の操作がスムーズになり、URLも整います。

手順：カテゴリーの作成

1. 管理画面で「投稿」→「カテゴリー」へ進む。
   
2. 次の4つを新規追加する（スラッグは英数字で短くする）。

URL例：https://sicom-blog.com/category/kokoro/

記事をカテゴリーに振り分ける

1. 「投稿」→「投稿一覧」を開く。
   
2. タイトル下の「クイック編集」をクリック。
   
3. 右側の「カテゴリー」で該当カテゴリにチェックを入れる。
   
4. 「更新」をクリックして保存する。

予約投稿中の記事も同様に振り分けられます。

先に分類しておくと、一覧表示やメニュー導線が整い、管理もしやすくなります。

第3章：いよいよメニューを作成（グローバルナビ）

カテゴリーが整ったら、ヘッダーにカテゴリーメニューを配置します。

Cocoonではプラグイン不要で設定できます。

ステップ1：メニュー画面を開く

1. 管理画面で「外観」→「メニュー」へ進む。
   
2. 「新しいメニューを作成」をクリック。
   
3. メニュー名を「ヘッダーメニュー」とする。
   
4. 「メニューの位置」で「ヘッダーメニュー（グローバルナビ）」にチェックを入れる。

ステップ2：カテゴリーを追加

1. 左側の「カテゴリー」タブを開く。
   
2. 作成した4つのカテゴリーを選択する。
   
3. 「メニューに追加」をクリックする。

ステップ3：順番を整える・ホームを追加する

1. 右側の「メニュー構造」でドラッグ＆ドロップして表示順を調整する。
   
2. 先頭に「ホーム」を置く場合は、左の「カスタムリンク」で次を追加する。
   

• URL：https://sicom-blog.com
• リンク文字列：ホーム

「メニューを保存」をクリックする。

完成イメージ

ホーム ｜ 心の羅針盤 ｜ 願いは叶う ｜ 潜在意識の旅路 ｜ WordPress体験談

スマートフォン表示では自動的にドロップダウンメニューに切り替わるため、特別な設定は不要です。

第4章：Cocoon設定で見た目を整える（CSSなしでも美しく）

メニューを作ったあとは、一覧ページの見た目を整える。

Cocoonの魅力は、ここもクリック操作だけでデザイン変更ができることだ。

Cocoon設定 → インデックスのおすすめ設定

この設定だけで、トップページが雑誌のように整う。

画像がズレるときは「メディア → サムネイル再生成」で修正できる。

第5章：CSSを試して分かった「安心できる仕組み」

ブログを運営していると、デザインを少し変えたくなることがある。

私も例外ではなく、「カードの影を少し付けてみたい」と思った。

そもそもCSSとは？

CSS（スタイルシート）とは、サイトの見た目を指定するルールだ。

背景色・文字の大きさ・枠線・余白・影などを設定できる。

CocoonはCSSを直接書かなくても整うが、「もう少しだけ調整したい」ときに使える。

追加CSSの追加方法（驚くほど簡単）

ChatGPTに相談して、軽い影を付けるCSSコードを教わった。

実際に追加してみると、操作は驚くほど簡単だった。

1. 管理画面で「外観 → カスタマイズ」を開く。
2. 「追加CSS」をクリック。
3. コードを貼り付け、「公開」を押す。

ほんの数行で変更が反映される。

初心者の私でも10分もかからずにできた。

初心者でも安心な理由

「追加CSS」はテーマ本体とは独立しており、元のコードを壊すことがない。

つまり、いくら書き足しても「戻せなくなる」ことはない。

不要になったら削除すれば即座に元に戻る。

この仕組みを知ったとき、「CSSって怖くない」と思えた。

自由に試しても元に戻せる――これは初心者にとって大きな安心材料だ。

実際に追加して分かったこと

カードに影をつけるコードを試すと、見た目は少し変わった。

でもページを開くスピードが遅くなった。

ChatGPTに相談しながら検証した結果、「影のCSSが原因」と分かり、削除した。

Cocoon標準でも十分に見やすく、バランスが良い。

結論として、今はCSSを使わず、標準機能だけで運営している。

教訓: 追加CSSは強力だが、必要最小限で。

デザインより「軽さ」と「安定性」を優先する。

第6章：今後の改善課題（CSSと子テーマ運用）

現在は追加CSSを使っていないが、今後少しずつ改善を進める予定だ。

これから取り組みたいことをリスト化しておく。

• 子テーマを活用する。
  Cocoonの更新時に上書きされない安全な環境を整える。
  
• 軽量なCSSのみ再導入。
  小さな影や余白など、体験を損なわない範囲で調整。
  
• PageSpeed Insightsで効果を確認。
  見た目だけでなく、速度も数値で把握する。
  
• ChatGPTに相談して最小コードを取得。
  目的を具体的に伝えれば、ピンポイントで安全なコードを提案してくれる。

第7章：カテゴリー説明文を加えて親切に

ヘッダーメニューに並んだカテゴリーをさらに分かりやすくするため、
それぞれのカテゴリーに短い説明文を追加した。

例：「心の羅針盤」カテゴリの説明

迷ったとき、心を整える小さなヒントを。考え方や気づきを短く綴ります。

これだけで読者が「このカテゴリにはどんな記事があるか」を直感的に理解できる。

WordPressの「投稿 → カテゴリー → 各カテゴリ編集」で、説明欄に1〜2文加えるだけでOKだ。

第3部｜メニューが変えたブログ運営と今後の課題・まとめ

第8章：メニューが変えた「ブログの方向性」

ヘッダーメニューを整えたことで、

サイト全体の見た目だけでなく、自分の中の意識の整理が進んだ。

カテゴリーを明確にしたことで、

「どんなテーマで」「誰に向けて」「どんな順番で読んでもらいたいか」
が自然と見えるようになった。

実際にアクセス解析を見てみると、

メニューから記事を読む読者が増えていることにも気づいた。

特に「心の羅針盤」と「願いは叶う」はクリック率が高く、

シリーズとしての流れがある記事ほど回遊が伸びやすい。

「構造を整理すると読者の行動も整理される」——これが今回の最大の発見だった。

第9章：次のステップ——トップページの強化

ヘッダーメニューが整った今、次に目指すのはトップページの充実。

訪問した瞬間に「このブログが何を発信しているのか」が伝わるように、
次のような構成を考えている。

• おすすめカードエリア
  人気記事や初めての人に読んでほしい記事を表示。
  Cocoonの「おすすめカード」機能で設定可能。
  
• アピールエリア
  ブログの理念や運営者の想いを大きく表示。
  例：「10年ぶりに再挑戦する、WordPress初心者の記録ブログ」
  
• YouTube連携
  記事内容と連動した解説動画を埋め込み。
  ChatGPTに相談しながら、ナレーション台本を効率的に作成予定。

記事と動画をセットで届ける。
これが、次の運営方針の柱になる。

第10章：体験から得た3つの教訓

1. 構成はデザインである

ブログの「見た目」は、装飾ではなく情報設計そのもの。

カテゴリと導線を整理することで、読者が自然に記事を巡るようになる。

2. 速度は正義

どれだけデザインが良くても、

ページが遅いと離脱される。

CSSを削除したことで読み込みが体感で速くなった。

「速く・軽く・迷わない」が一番のUX（ユーザー体験）だと実感した。

3. CSSは怖くない

Cocoonの「追加CSS」は、元のスタイルを壊さない仕組みになっている。

失敗しても削除すれば元通り。

だから、初心者でも安心して試せる環境がある。

ChatGPTに相談すれば、安全で軽いコードだけを取り入れられる。

第11章：5分で振り返るチェックリスト

• [ ] カテゴリーを4つ作成（kokoro, negai, senzai, wordpress）
• [ ] 投稿をカテゴリーへ割り当てる（クイック編集でOK）
• [ ] 外観 → メニュー → ヘッダーメニューに4カテゴリ＋ホームを追加
• [ ] Cocoon設定 → インデックスを「カテゴリーごと（3カラム）」に設定
• [ ] 抜粋文字数は100、スマホでは1カラム表示
• [ ] 画像は16:9、WebP形式で軽量化
• [ ] 追加CSSは未使用（必要時のみ最小で）
• [ ] 表示を確認（PC／スマホ）＋キャッシュ削除

第12章：まとめ

今日のひとこと

Cocoonの「追加CSS」は、初心者が安心して練習できる場所。

まずは標準設定で“速く・美しく”。その上で少しずつ理想を形にしていけばいい。

エピローグ：再出発のブログ運営へ

10年前にブログを始め、途中でやめてしまった私が、

再び挑戦する気持ちを取り戻せたのは、

「できることが少しずつ形になっていく」このWordPress体験があったからだ。

Cocoonのおかげで、“作る楽しさ”が戻ってきた。

そしてChatGPTと対話しながら進めることで、

ひとつひとつの学びが確実に積み重なっている。

これからもこのブログ「エスアイコムのブログ」で、

WordPress体験談や自己成長の記録を発信していきたい。

同じように再挑戦する誰かの背中を、少しでも押せたら幸いです。