消えていた釣りブログを、AI（クロ）と一緒に救出して、1000本以上の記事を復活させました。その話は前回・前々回で書いた通りです。でも、記事が戻ってきても、まだ問題は残っていました。
ブログの入口である「フロントページ」のリンクが、押しても反応しなかったんです。今回は、その原因をクロと突き止めて直した記録です。
リンクが「ただの黒い文字」になっていた
僕のブログのトップページには、「釣り場検索はこちら」「釣行記はこちら」といった案内リンクを並べています。読者が目的のページにたどり着くための、いわば道案内です。
ところが、復活後のトップページを見ると、そのリンクが青くもなっていないし、クリックしても何も起きない。ただの黒い文字になっていました。道案内が、道案内として機能していない状態です。
自分ではどこが悪いのか、まったく見当がつきませんでした。そこで、トップページのHTML（設計図のようなもの）をスクショに撮って、クロに見てもらいました。
原因は2つあった
クロはスクショを読んで、原因を2つ見つけてくれました。
2つ問題があります。1つは、リンクのURLが全部 http:// で書かれていること。今はセキュリティのため https:// が標準なので、http:// のままだと不具合が出ます。もう1つは、リンクが見出しタグ（大きな文字にするための飾り）の中に埋め込まれていること。この組み合わせだと、Cocoonの見た目の設定がリンクの色や反応を打ち消してしまいます。
正直、言われても半分くらいしかピンと来ませんでした。でも「原因はこの2つで、こう直せば直る」とハッキリ言ってもらえたので、あとは任せることにしました。
クロがトップページのHTMLを丸ごと作り直してくれて、リンクを見出しから普通の文章の中に移し、URLも全部 https:// に書き換えてくれました。それを僕がWordPressに貼り替えたら——パソコンで見たら、リンクが全部きれいに復活して、ちゃんと押せるようになっていました。目次もCocoonが自動できれいに作ってくれて、見違えるようになりました。
ところが、スマホだけリンクが押せない
パソコンでは直った。でも、スマホ（iPhone）で自分のブログを開いてみると、リンクがまた黒い文字のままで、タップしても反応しない。「え、直ったんじゃないの？」と、また不安になりました。
クロに相談すると、切り分けの手順を教えてくれました。
スマホのSafariでプライベートモードを開いて、ブログを見てみてください。プライベートモードなら、WordPressにログインしていない状態（＝一般の読者と同じ状態）で見られます。それでリンクが動くかどうかで、原因が分かれます。
プライベートモードの開き方も知らなかったので、そこから教えてもらいました。Safariのタブ一覧を開いて「プライベート」を選ぶだけ。やってみると、リンクはちゃんと押せました。
犯人は「自分にしか見えていない黒いバー」だった
プライベートモードだと押せる。ということは、リンク自体は正常。原因は別にありました。クロの説明はこうです。
問題の正体は、WordPressにログイン中に画面上部へ出る「管理バー」です。ログイン状態でスマホから見ると、この黒いバーがリンクに覆いかぶさって、タップの邪魔をしていたんです。つまり、一般の読者にはまったく影響ありません。あなたがログインした状態で見たときだけの現象です。
拍子抜けするような話でした。読者には最初から普通に見えていて、押せていた。押せなかったのは、管理者としてログインしている僕の画面だけ。実害はゼロだったんです。
とはいえ、自分で確認するたびに押せないのは不便なので、対処もしました。WordPressの「ユーザー」→「プロフィール」で、「サイトを見るときにツールバーを表示する」のチェックを外すだけ。これでログイン中でも黒いバーが消えて、スマホでも普通にリンクが押せるようになりました。
「壊れてる」と「壊れて見えるだけ」は違う
今回いちばん学んだのは、「問題が起きているように見えても、本当に壊れているとは限らない」ということでした。
スマホでリンクが押せなかったとき、僕は「また不具合だ、全部やり直しか」と青くなりました。でも実際は、読者にはちゃんと届いていて、僕の管理画面だけの見え方の問題だった。もしクロがいなかったら、「壊れてる」と思い込んで、直す必要のないものを触って、本当に壊していたかもしれません。
「まず切り分けましょう」と手順を示してもらえること。「これは実害ないですよ」と落ち着かせてもらえること。この2つがあるだけで、無駄に慌てずに済みます。わからないことだらけでも、一つずつ確かめながら進めば、ちゃんとゴールにたどり着けるんだと、また実感しました。
コメント