16. 表示崩れのチェック:AIを使った全ページ自動検閲
インポート作業が完了した直後、サイト内には思わぬ「ゴミ」や「表示崩れ」が残っているものです。GitHub時代の特殊なタグがそのまま表示されていたり、画像サイズがWordPressのテーマに合わずにはみ出していたり。100記事すべてを自分の目で確認する代わりに、AIとツールを駆使した自動検閲を行いましょう。
1. AI(Vision API)によるレイアウト崩れの検知
プロの現場では、全ページのスクリーンショットを自動で撮影し、AI(Gemini 1.5 Proなど)に解析させる手法が取られます。「この画像群の中で、メニューが重なっていたり、テキストが枠からはみ出しているページをリストアップして」と指示するだけで、修正が必要なページを数秒で特定できます。
2. リンクチェッカーによる「404エラー」の最終狩り
第3章で設定したリダイレクトが正しく動作しているか、リンク切れがないかを最終確認します。「Broken Link Checker」などのプラグインを使えば、サイト内の全てのリンクをクロールし、エラーになっている箇所をレポートしてくれます。
3. GitHub特有の「独自コード」の残骸探し
GitHub Pages(JekyllやHugoなど)で使っていた `{{ site.url }}` などの独自変数が、プレーンテキストとして記事に残っていないか確認してください。これらはデータベース検索で「{{」などの記号をキーワードに検索することで、一括で見つけ出し、WordPress形式へ修正できます。
4. 公開前の「モバイル実機テスト」
ツールでのチェックが終わったら、主要なページ(トップ、人気記事3つ、カテゴリー一覧)だけは、自分のスマートフォンで実際に操作して確認してください。指でタップしやすいか、読み込みスピードにストレスがないか。最後は「ユーザーの感覚」が正解を決めます。
サイト全体のリンクチェックを走らせ、エラーが「0」になるまで修正を繰り返しましょう。これで「お引っ越し」は完了です!