WordPressのカテゴリー関連リンクのrel属性が、HTML5でValidでない件

The W3C Markup Validation ServiceでHTML5で作成したWordpressサイトの文法チェックをした際に、以下のエラーが。

キャプチャ画像

WordPressが吐き出すカテゴリーリスト内のrel属性がエラーになっている様子。

↓エラーになるソース

<a href="http://[blog URL]/blog/category/memo/" title="[カテゴリ名] の投稿をすべて表示" rel="category tag">[カテゴリ名]</a>

以下の参考サイトによると、HTML5ではrel属性の値として「category」は許可されていないようです。

参考:rel

↓こちらではrel属性に対する熱い思いが…。この属性に対する愛すら感じます(笑)

HTML5でのrel属性キーワードの大量削除 -Blog //ヴォルフロッシュ

とにかくエラーが出るのは気持ち悪いので、rel属性をどうにかしなければなりません。いろいろ調べたみた結果、以下の参考サイトの方法を採用することにしました。

参考:WordPressのカテゴリーリストからrel属性をカットする | LD.ymst.net – 郡山市でホームページを制作している人のブログ

functions.phpに以下のコードを追加すれば、rel属性が消えます。

add_filter('the_category', 'remove_rel');
function remove_rel( $text ) {
	$text = str_replace('rel="category tag"', "", $text);
	return $text;
}

↓はい、消えました。

<a href="http://[blog URL]/blog/category/memo/" title="[カテゴリ名] の投稿をすべて表示">[カテゴリ名]</a>

wp-includeとかの中身を直接変更したくないんですよね。「なるべくテーマディレクトリ内の変更で済ます」というのが方針なので。

とにかく、これで無事エラーが出なくなりました。よかったよかった。

HTML5&CSS3, Wordpress, 備忘録 | , , |