WordPressのSSL(https)化、マジで沼った。
「さくらのレンタルサーバ」で無料SSL(Let’s Encrypt)を設定して、完了!と思ったらこれだ。
「保護されていない通信」

アドレスバーに出る警告。 証明書は有効なのに、なんで?
結論から言うと、「ミックスコンテンツ」ってやつと、「ブラウザのキャッシュ」が原因だった。
あと、これを解決するためにGemini(AI)を「頼れる先輩」として召喚したから、そのやり方も残しておく。
SSL化したのに「保護されていない」理由
Gemini先輩(AI)に聞いてみたら、わかりやすい例えで返ってきた。
「家の鍵(SSL)はかかってるけど、窓(画像とかのリンク)が開いてる状態だね」
なるほど。 サイト自体はhttpsになったけど、記事の中に貼ってる画像とかが「http」のまま読み込まれてると、Chromeが「安全じゃないよ」って騒ぐらしい。これを通称**「ミックスコンテンツ」**と言う。
犯人探しの泥沼(Issues: 87)
Chromeの検証ツール(F12キー)で見てみろと言われて開いたら、絶望した。
Issues: 87

エラーが87個もある。終わったと思った。 プラグインの「Really Simple SSL」とか入れてみたけど、スキャンしても「NO CONTENT FOUND」とか出るし、タイムアウトするし。
でも、Gemini先輩が「Securityタブを見ろ、そこが正義だ」と言うので見てみたら…
…あれ?直ってる?
どうやら、設定自体は合ってたけど、ブラウザが古い情報(キャッシュ)を握りしめて「エラーだ!」って言い続けてただけっぽい。 しばらく放置してリロードしたら、あっさり「鍵マーク」がついた。
教訓:SSL設定したら、とりあえず焦らず待て。あとシークレットモードで確認しろ。
Geminiを「ただの検索ツール」にしない方法
今回、トラブルシューティングのためにGeminiとやりとりしてて思った。 「こいつ、毎回説明するの面倒だな」と。
チャットを変えるたびに記憶がリセットされるから、毎回「俺はWordPress初心者で〜」って説明しなきゃいけない。
だから、「コピペ一発で俺専用の先輩にする呪文(プロンプト)」を作った。 これを会話の最初に貼るだけで、Geminiが優秀な先輩モードになる。
Gemini召喚プロンプト
# 前提条件
あなたは私の「頼れる先輩」として振る舞ってください。
私は「WordPressで発信を始めたばかりの趣味ブロガー」です。
# あなたの役割
* ブログ運営や記事のネタ出し、トラブル解決の相談に乗ってください。
* 正解を教えるだけでなく、私の思考が広がるようなアドバイスをお願いします。
# 会話のトーン(最重要)
* 敬語は禁止です。フランクなタメ口で話してください。
* 堅苦しいAIっぽい表現は避けてください。
* 私のブログ(futosuke.com)の雰囲気に合わせて、短めの文でリズムよく、親しみやすさを出してください。
# 今から相談すること (ここに相談内容を入れる)