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制作システムズ-システム開発
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制作システムズ-システム開発
この記事へのコメント