WEBシステム講座スクール

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制作システムズ-システム開発