WordPressカレンダー土日の色変更

WordPressカレンダーウィジェットの土日の文字色変更方法

CSSだけではうまく変更ができなかったため、新たにタグにIDを指定してみます。カレンダーを出力するクラス、class WP_Widget_Calendar extends WP_Widgetに移動して行ってみました。

echo '<div id="calendar-block">';
get_calendar();
echo '</div>';


の上下に、上記のようにすることでカレンダーブロックをカスタマイズします。

次にgeneral-template.phpでカレンダーウィジェットのカスタマイズを行います。


function get_calendarで出力されているので、こちらの内容を編集してセレクタを指定、土曜日、日曜日の色をCSSで変更可能にします。


$calendar_output .= "\n\t\t<th scope=\"col\" title=\"$wd\"";
if($wd == $wp_locale->get_weekday(0)){
$calendar_output .= "\n\t\tclass=\"sun\" ";
}
if($wd == $wp_locale->get_weekday(6)){
$calendar_output .= "\n\t\tclass=\"sat\" ";
}
$calendar_output .= "\n\t\t>$day_name</th>";

}



上記のように分岐をすることで...

記事の続きはこちら ⇒ WEB制作システムズ-システム開発

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック