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

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 .= “ntt<th scope=”col” title=”$wd””;
if($wd == $wp_locale->get_weekday(0)){
$calendar_output .= “nttclass=”sun” “;
}
if($wd == $wp_locale->get_weekday(6)){
$calendar_output .= “nttclass=”sat” “;
}
$calendar_output .= “ntt>$day_name</th>”;
}

上記のように分岐をすることで、土・日をそれぞれの文字色を付けられます。

>> Page02 へ続く

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください