【WordPress】使用のブログトップページのレイアウトが崩れた時に参照されるページです。
(テーマの選択にもよると思います。)
・【WordPress】使用のブログ記事を更新したらレイアウトが崩れた方。
・【WordPress】セキュリティ関連の強化をしたい方。
上記の方向けに作成されています。
トップページ
さっそく結論。
タイトルにタグを使用してはいけない。
やったこと
・原因と見られる記事をとりあえず「非公開」に。 ・パスワードの変更。
概要
バグった経緯
先日記事を更新しましたら、トップページがめちゃバグった。
いつもスマホで記事の表示を確認しているのですが、スマホ表示は少しおかしいだけで正常に動きました。
ちなみに、スマホ表示では「窓」のような表示が正常に表示されないだけでした。 「あれ?なんかCSSの表示がおかしいな…?」とは思ったのですが、まさかPCの表示がこんなになっているとは思わずに丸一日放置してしまいました申し訳ございません。
「不正アクセスか!!?」
「すわ!不正アクセスか???!」と思い、とりあえずパスワードを変更。
「不正アクセスにしては荒らす内容の品が良すぎるな」と思い、不正アクセスの線はすぐに無いと判断しました。
解決編
原因の特定。
とりあえず「最新の記事が妙に整っていること」「その他の記事がおかしい表示であること」を理解して「最新の記事が原因では?」とすぐに思いつきました。
なので、最新の記事のみ「非公開」としてChromeのシークレットモードでこのブログを表示してみました。
シークレットモードにする意味は、「非公開」としてもワードプレスにログインしていると「非公開」記事も表示されてしまうためです。
記事タイトルが正常に表示されていない。
そうすると正常に表示されるではありませんか。
次に最新の記事についていろいろ調べていくと、「記事のタイトルが正常に表示されていない。」
具体的に表すと「<table>タグの文字がなくなっている。」
記事のタイトルに「タグ」を使用してはいけない理由。
記事のタイトルに「タグ」を使用してはいけないようです。
本文の方で<table>と使用しても、このように普通に表示されますが、タイトルの方ではそうはいかないみたいです。
ちなみに記事内でタグを使用する場合も、<code>タグ等で囲って表示した方が良さそうですね。
記事内で書くと、タグは「テキスト」の方では正規表現で表示されています。
思ったこと
「プログラマー」であるメリット
・焦らない。
プログラマーというものを職業としていると、何か特別な知識を持っているというよりも「あーー何か表示がおかしいねー」と思う
・とりあえず何とかなると思っている。
こういう場合、プログラミング知識が無い場合は「もうだめだ…」と思ってしまうのではと想像するのですが、プログラマーというものを職業としていると「とりあえず何とかなるさ」と思う生き物になります。
プログラマーは人間力に強い説ありますねこれは。
特にこのバグを修正したことがなくても、何とかなると思い込んでガチャガチャ触っていると何か直っている感じです。
・同じようなレイアウト崩れを経験したことがある。
同じバグを2度体験することはあまりありませんが、「同じようなこと」はあるものです。
とりあえずプログラマはこんな場合、「どんどん不要な要素を削除してシンプルにしてみよう」と考えて、どんどん非表示にしてみます。
この場合は【WordPress】の力を借りて非表示にしましたが、開発者ツールで変なタグがあるか確認するものありだと思います。
総括:重要なことは「あきらめない」「焦らない」「めんどくさがらない」こと。
余談:パスワードは強力なものにする。
何はともあれ、不正アクセスを少しでも疑った時点で「不正アクセス対策もしておこう」と思い、パスワードを変更しました。
パスワード変更方法は
[管理画面の右上のアイコン] – [アカウント管理] – [新しいパスワード] から作成できます。
「新しいパスワード」を押すだけで、強力なパスワードを自動生成してくれます。
メモ帳等に保管するとハッキングリスクが増大しますので、紙か何かに書いて保管しておくと良いと思います。
以上になります。