WordPressのアーカイブページのタイトルにspanタグが表示される

WordPressアップデートでカテゴリー、タグなどのアーカイブにspanタグが表示される場合の原因と対処法メモ。

▲spanタグが表示されたアーカイブタイトルの例

原因：get_the_archive_title() のアップデートとエスケープ関数

WordPress5.5より、get_the_archive_title()での出力結果に<span>が追加されるようになりました。

• get_the_archive_title() | Function | WordPress Developer Resources

そのため、エスケープにesc_html()などを使用していた場合、HTMLタグがタイトルに表示されてしまいます。

echo '<h1 class="post-title">' . esc_html( get_the_archive_title() ) . '</h1>';

対応：エスケープ関数を変更

エスケープをwp_kses_post()に変更。

echo '<h1 class="post-title">' . wp_kses_post( get_the_archive_title() ) . '</h1>';

適切なエスケープ関数を上手に使い分けられるようになりたいものです。では。