WordPressのトップページの表示がおかしくなった場合

WordPressの一部分の表示が崩れる

下図のように、Wordpress の一部(主にトップページ)の表示がおかしくなった場合の対処法です。

記事が1枚、もしくは数枚しか表示されないうえにタイトルがおかしい
記事もサイドバーも表示されない

タグを使っていませんか?

このような場合、疑うべきはタイトルにタグを使っていないかという点です。

例えば私の場合は下図のように<template>というタグをタイトルに含めていた結果、先ほどのような状況になってしまいました。

タイトルにタグが含まれている

タイトルにタグを使いたい場合はエスケープする必要があります

タグをエスケープ

そうすると表示が正常な状態に戻ります。

なぜこのようなことになるのか

この現象の原因は、Wordpressがタイトルのタグをエスケープせずにそのまま出力することです。

例えば、下図のようにタイトルに Javascript を書くとそのまま動きます。

タイトルに Javascript を書く
Javascript が動いてしまう

タイトルはエスケープした方がいい気がするんですが、Wordpress 的にエスケープしない理由でもあるんですかね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)