HTML5: テーマOrigamiをインストールした

中々無い長期休み(の一寸前の3連休)なのでテーマを変更する事にしました。Origamiをベースに手を加える事にしましたよ。

さて、ウィジェットあたりは適当に配置してバリデータチェックをしたら早速出ました。

W3C Validator Output #1

どうやらリンクタイプとして category が使えないという事で叱られたようです。 Quick fix for rel=”category tag” in WordPress | Whitney Krape を参考にして function.php の最後に追加しました。しかし、これ取っちゃって良いのかな(若干不安)

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

そして次はこのエラー。

ああ

こちらは同じ rel の値に関するものですが、 Lightbox に関連する内容ですね。ただこの値の利用を止めるわけにはいかないので何らかの対処が必要です。そんなわけで PageToScreen – HTML5 Validation and the rel tag を参照しました。

このサイトでは Add Lightbox を利用しているので先ずは add-lightbox/lightbox-auto.php を修正します。

    $replacement = '<a$1href=$2$3.$4$5 rel="lightbox['.$post->ID.']"$6>$7</a>';

この行を次のように書き換えます。

    $replacement = '<a$1href=$2$3.$4$5 class="lightbox['.$post->ID.']"$6>$7</a>';

次は gblitebox/js/litebox-1.0.js の修正(4箇所)です。

			var relAttribute = String(anchor.getAttribute('rel'));

この行を次のように書き換えます。

			var relAttribute = String(anchor.getAttribute('class'));

2箇所目。変更前。

		if((imageLink.getAttribute('rel') == 'lightbox')){

変更後。

		if((imageLink.getAttribute('class') == 'lightbox')){

3箇所目。変更前。

			var relAttribute = String(anchor.getAttribute('rel'));

変更後。

			var relAttribute = String(anchor.getAttribute('class'));

4箇所目。変更前。

				if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){

変更後。

				if (anchor.getAttribute('href') && (anchor.getAttribute('class') == imageLink.getAttribute('class'))){

とりあえず、これで何とかバリデータチェックをパスしました。