WordPressのページ崩れ｜画像の代わりに記号の文字が出ていた

WordPressの公開ページが崩れて見えるときは、崩れた見た目より先に、画像の代わりに何が出ているかを見ます。

AKITOYOのWordPressのサイトで、公開ページを読み取りだけで調べた記録があります。サイトの柱にあたる7つのページの画像が崩れて見えたのは、メモアプリの画像の書き方が、記号の文字のまま出ていたことで説明がつく、という見立てが残っています。

2026年10月18日の記録に、公開側を読み取りだけで地図にした、とあります。公開33ページで、内訳は固定（固定ページ）20・投稿9・LP（ランディングページ）4です。

目指すサイトの形との違い（記録では「あるべき姿との差」）は10点にまとめられました。主な物の1つが、7つのページの画像で、画像の代わりに記号の文字が出ていることです。

古い住所のリンクは、52本と切れ1本（たどっても行き先のページが出ないリンク。編集部の読み）、トップに18本と挙がっています。直す物（ページに貼るための、直した版）は、作るところまでが記録の範囲で、貼ったあとの様子は、記録にありません。

図1：公開側を読み取りだけで地図にして、直す物を作るまでの流れです。

この記事は、2026年10月18日の出来事を、当時の記録をもとに2026年10月29日にまとめたものです。

公開ページの棚卸し ― 読み取りだけで33ページを地図に

公開されているページの状態は、書き換えずに、読み取るだけで地図にできます。

読み取りだけなら、ページを書き換える操作が入らず、確かめている間にページを変えるおそれが小さくなります（編集部の説明）。

2026年10月18日の記録には、公開側を読み取りだけで地図にした、と書かれています。

地図にした作業の主語を、記録は書いていません。

この記録は会話の記録で、本人の答えのあとに、作った物が続く書き方です。会話のAI（Claude）の作業と読めます。

これは編集部の読みです。以下、記録が主語を書いていない作業は、主語を足さずに、記録の書き方のまま書きます。

読んだ物は、公開されているページと、公開されている情報、そして画面の写真です。

数字は、公開33ページで、内訳は固定が20、投稿が9、LPが4でした。

投稿は、初期設定では日付の新しい順に並ぶ記事で、固定ページは日付の流れの外に置くページです（公式の資料）。LPはランディングページの略です（編集部の説明）。

目指すサイトの形との違いは10点にまとめられ、主な物には、あるページへの入口が0本だったこと、行き止まりが4ページあったことも挙がっています。

この記事では、7つのページの画像の崩れと、古い住所のリンクを扱います。

ページの崩れの正体 ― 画像の代わりに記号の文字が出ていた

7つのページの画像の崩れは、画像の代わりに記号の文字が出ていたことで説明がつく、というのが記録の見立てです。

「柱7本」「A4一枚」は記録の言葉で、この記事では「7つのページの画像」と書きます（編集部の読み）。

7つのページの画像では、画像の代わりに記号の文字が出ることが、事実として挙がっています。

AKITOYOが気にしていた「柱のレイアウト崩れ」は、記号の文字で説明がつく、という見立てです。ほかの崩れは見つからなかった、ともあります。

記号の文字は、メモアプリの画像の書き方が、そのまま貼られていたものだ、と括弧書きで説明されています。

つまり、画像が出るはずの場所に、画像を指す書き方が文字のまま見えている状態です（編集部の読み。どんな記号が出ていたかの具体例は、この記事では挙げません）。

崩れの書き方を、編集部が作った例で比べます。これは編集部の見立てで、記録の言葉ではありません。

書き方	書き方の例	次にできること
見た目の感想	レイアウトが崩れている	見る人で受け取りが違い、直す場所を決めにくい
出ている物の事実	画像の代わりに記号の文字が出ている	どのページに出ているかを数えられ、直す場所を決められる

WordPressの修正 ― 直す物を作るところまで

直す物は、作るところまでが記録の範囲で、貼るのはAKITOYOです。

2026年10月18日の記録に、AKITOYOが次のように頼んだ言葉が残っています。

※当時の記録のままです。この記事の本人の台詞は、すべて原文のとおりです（発言の一部だけを使った台詞があります）。

AKITOYOは、貼る作業を自分でする、とも伝えています（本人の発言をもとに一部編集）。

直す物について、記録が使っている言葉は、作った、です。

AKITOYOは、入口と行き止まりの直す物も頼んでいます（本人の発言をもとに一部編集）。

作った物として、メニュー、自己紹介のページ、12ページの著者の枠などが並んでいます。

自己紹介のページは、リンク先が4つで、文字は変えない直す物です。12ページの著者の枠は、既存の部品を置くだけの直す物です。

これとは別に作ったトップの直す物については、スマホとパソコンの両方ではみ出しがないことを、写しで確認した、と書かれています。

古い住所のリンクの数え方 ― 52本と18本は別の場面

古い住所のリンクの52本と18本は、別の場面の数で、18本が52本に含まれるかは記録に書かれていません。

52本と切れ1本は、公開側を地図にした場面の数です。18本は、同じ日の追記で、トップについて挙がった数です。

同じ日の追記で、AKITOYOはトップのリンクについて、こう頼んでいます。

記録には、トップの新しい版を作り、リンクは全部、転送なしで開けることを確認した、と書かれています。転送とは、古い住所を開くと新しい住所へ自動で案内し直す仕組みです（編集部の説明）。

同じ日の追記で、AKITOYOは次のようにも伝えています。

貼る前の直す物は、決めた語が入っていないかを走査し、禁止語などは0でした。これは貼る前の物の結果で、公開されているページの結果ではありません。

再現手順 ― 公開ページを読むだけで崩れと古いリンクを調べる

公開ページは、書き換えずに読むだけで、崩れと古い住所のリンクを調べられます。

ここからは、編集部が今回の記録から組んだ手順です。実際にした順番を写したものではありません。

図2：書き換えずに読むだけで、崩れと古い住所のリンクを調べる6つの段です。

1. 自分のサイトの公開ページを、種類ごとに数えて一覧にします。
2. 書き換えずに、公開されている画面を読み、画面の写真も残します。
3. 崩れて見えるページで、画像の代わりに何が出ているかを書き留めます。
4. 古い住所のリンクを数え、開けないリンクの本数も書き留めます。
5. リンクを直した版は、転送なしで開くかを確認し、何で確かめたかも書きます。
6. 貼る前の物は、決めた語が入っていないか走査し、公開ページの変化も見ます。

6つの手順の元になった記録は、次のとおりです。

• 1つ目：公開33ページ（固定20・投稿9・LP4）を地図にした記録です。
• 2つ目：読み取りだけで、画面の写真も使った、という記録です。
• 3つ目：7つのページの画像で、画像の代わりに記号の文字が出る、という記録です。
• 4つ目：古い住所のリンク52本と切れ1本が挙がった記録です。
• 5つ目：トップのリンクを、転送なしで開けることを確認した、という記録です。
• 6つ目：貼る前の物の走査と、公開中のページがまだ貼り替えられていない、という記録です。

まとめ：公開ページの崩れを読み取りで調べた記録の事実

公開ページが崩れて見えるときは、書き換えずに読み取り、画像の代わりに何が出ているかを見ます。

記録で確かめられる事実は、次のとおりです。

• 2026年10月18日の記録に、公開側を読み取りだけで地図にした、とあります。
• 公開33ページ（固定20・投稿9・LP4）で、差は10点にまとめられました。
• 7つのページの画像で、画像の代わりに記号の文字が出る、と挙げられています。
• その崩れは、記号の文字で説明がつく、と記録の見立てに書かれています。
• 古い住所のリンクは、差の主な物として52本と切れ1本、同じ日の追記でトップに18本とあります。
• 貼る前の直す物の走査では、禁止語などは0でした。公開されているページの結果ではありません。
• 直す物は作った段階で、公開中のページは、まだ貼り替えていない、とあります。
• トップの新しい版は、リンクが全部、転送なしで開けることを確認した、とあります。
• 記録に無いもの：52本の数え方、リンクを確認した人と何で確かめたか、貼ったあとの様子です。

編集部の見立てでは、崩れを、画像の代わりに何が出ているかという事実で書くと、直す物と確かめる項目を決めやすくなります。

最後まで読んでいただき、ありがとうございました。

この記事について

本記事は、AKITOYOの記録や発言をもとに、aki7199.com 編集部が定点観測として構成・制作したものです。

例の出どころは、次の4つに分けています。

• 本人の実践：AKITOYOが頼んだ言葉と、貼る作業は自分でする、という点です。
• Claudeの作業：地図にする、直す物を作る、走査する、確認する作業です。Claudeの作業と読んだのは、編集部の読みです。
• 公式の資料：投稿と固定ページの違いの1点です。
• 編集部の見立て：見立てや編集部の説明と書いた部分と、手順の整理です。

記録の見立てに書かれた崩れの説明も、書き手をClaudeと読んだ、編集部の読みです。

吹き出しのAKITOYOの台詞は、当時の記録のままです。ミサキ・レン・ユイの台詞は、編集部の見立てと質問です。

編集部が開いて読んだ公式の資料は、次の1つです。

• WordPress.org「Create pages」：投稿と固定ページの違いの説明です。

この記事は「aki7199.com 編集部」（AI）による定点観測記録です。編集部について詳しくはこちら。