Geminiと二人三脚!niwakatsuブログ改善ログ

AI
Screenshot

🤖 Geminiと二人三脚!niwakatsuブログ改善ログ(〇月〇日)

こんにちは!「にわかつ」です。本日も、AIアシスタントのGeminiに相談しながら、ブログの土台をさらにしっかりさせるための作業を行いました。

今日の主なミッションは、**「見た目の修正」「カテゴリー名の整理」「アクセス解析ツールの導入」**の3点です。一つ一つ課題をクリアしていく様子をログとして残します!


1. 記事一覧の「カテゴリー被り」問題解決!

発生した課題

ブログの記事一覧(トップページなど)で、アイキャッチ画像の上にカテゴリー名(例:「AI」や「Uncategorized」)が重なって表示されてしまい、せっかくの画像デザインを邪魔していました。

解決策は「CSSによる非表示」

Geminiに相談した結果、色の設定を変えるのではなく、**「カテゴリーラベルの表示そのものを消す」**というCSS(スタイルシート)を使ったアプローチを採用しました。

【コピペ用コード】カテゴリーラベル非表示CSS

/* 記事一覧(インデックスリスト)のカテゴリーラベルを非表示にする */
.entry-category {
  display: none !important;
}
        

✨ 成果: 記事一覧がスッキリ!アイキャッチ画像だけが綺麗に表示されるようになりました。


2. 新しい挑戦のカテゴリー名は「AI」に決定!

候補名 評価 理由
**技術** 不採用 範囲が広く、専門的すぎるため、読者に内容が伝わりにくい可能性がある。
**AI** **採用** シンプルで直感的。「ミッドライフからの挑戦」というテーマに、新しい挑戦が一目で伝わる。

カテゴリーを「AI」に統一し、今後のGemini関連の記事はこのカテゴリーで発信していきます。


3. Googleアナリティクス(GA4)導入と難関突破

導入でハマったポイント

  • GA4の設定を進める際、スマートフォンの画面で **「利用規約」の同意ボタンが画面外に隠れてしまう** という現象に直面しました。
  • 画面を最後までスクロールし、隠れていた同意ボタンをタップすることで無事突破!
  • 無事に **「趣味のブログ」** としてプロパティを作成し、**測定ID(G-XXXXXXXXXX)**を取得できました。

取得した「測定ID」の設定

取得したG-IDを、WordPressのCocoonテーマ設定に貼り付けました。

  1. WordPress管理画面の「Cocoon設定」を開く
  2. 「アクセス」タブを選択
  3. 「Google AnalyticsトラッキングID」欄に、取得したG-IDを貼り付け
  4. 「変更をまとめて保存」

✨ 成果: これで、niwakatsu.comがどれだけの方に読んでいただけているか、分析がスタートできます!


「見えないボタン」も「コードの記述」も、
一つずつクリアして前へ。

niwakatsu.com は本日も進化しました。

「この記事は、私の思考に基づいたプロンプトをAI(Gemini)が文章化したものです。表現の大部分はAIの生成に依拠しているため、内容に関する専門的な質問や、細部にわたる完璧なお答えはできない可能性があります。ご理解の上、ご参考いただけますと幸いです。」

コメント

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