Welcartの営業日カレンダーをカスタマイズする

実は営業日カレンダーをカスタマイズしたかったのです。
今月と来月のカレンダーをそれぞれdivで囲みたかったからです。

それと、営業日カレンダーに１つ問題があって、
WordPressのデフォルトのカレンダーを応用しているので、
id=”wp-calendar”が重複してしまいます。
デフォルトのカレンダーとWelcart カレンダーとWelcart Blog Calendar(サイトの投稿のカレンダー（商品以外)の３つを表示させると、idが４つ重複してしまいます。

今回は営業日カレンダーをカスタマイズするついでに、
このid重複も直します。

営業日カレンダーのソースを利用して、
Welcart2 カレンダーWidgetを作ります。
ソースはusc-e-shop/widgets/usces_calendar.phpファイルにあります。
下記のソースを自作テーマ内のfunction.phpに記載します。
修正点は下記の通り、関数名などの語尾に２を付け足して置換しています。

Welcart_calendar　→　Welcart_calendar2
Welcart　→　Welcart2
usces_the_calendar　→　usces_the_calendar2
[php]include (USCES_PLUGIN_DIR . ‘/includes/widget_calendar.php’); [/php] ↓
[php]include (get_stylesheet_directory() . ‘/includes/widget_calendar2.php’); [/php]

修正後のfunction.phpに記載したソース

[php]/**
* Welcart_calendar Class
*/

class Welcart_calendar2 extends WP_Widget{
/** constructor */
function Welcart_calendar2() {
parent::WP_Widget(false, $name = ‘Welcart2 ‘.__(‘Calendar’, ‘usces’));
}

/** @see WP_Widget::widget */
function widget($args, $instance) {
extract( $args );
$title = $instance[‘title’] == ” ? ‘Welcart2 ‘.__(‘Business Calendar’, ‘usces’) : $instance[‘title’];
$icon = $instance[‘icon’] == ” ? 1 : (int)$instance[‘icon’];
//if($icon == 1) $before_title = ‘

‘;
$img_path = file_exists(get_stylesheet_directory().’/images/calendar.png’) ? get_stylesheet_directory_uri().’/images/calendar.png’ : USCES_FRONT_PLUGIN_URL . ‘/images/calendar.png’;
if($icon == 1) $before_title .= ‘

‘;
?>

get_field_id(‘icon’); ?>”>:

修正前のusces_calendar.phpファイルのソース [php]‘;
$img_path = file_exists(get_stylesheet_directory().’/images/calendar.png’) ? get_stylesheet_directory_uri().’/images/calendar.png’ : USCES_FRONT_PLUGIN_URL . ‘/images/calendar.png’;
if($icon == 1) $before_title .= ‘‘;
?>

get_field_id(‘icon’); ?>”>:

[/php]

ここで、divで囲むカスタマイズをするので、
usc-e-shop/includes/widget_calendar.phpをコピーして、
自作テーマ内にincludesフォルダを作成し、widget_calendar2.phpとリネームします。

usces_the_calendar2関数で、
自作テーマ内のwidget_calendar2.phpが呼び出されるように、
[php] include (get_stylesheet_directory() . ‘/includes/widget_calendar2.php’); [/php] と記述しているのはそのためです。

widget_calendar2.phpファイルでは、
重複するid=”wp-calendar”を削除し、
今月のカレンダーを

で囲み、
来月のカレンダーを

で囲んでいます。
[php]setToday($todayyy, $todaymm, $todaydd);
$cal1->setCalendarData();
//next
list($nextyy, $nextmm, $nextdd) = getAfterMonth($todayyy, $todaymm, 1, 1);
$cal2 = new calendarData();
$cal2->setToday($nextyy, $nextmm, $nextdd);
$cal2->setCalendarData();
$caption1 = __(‘This month’, ‘usces’) . ‘(‘ . sprintf(__(‘%2$s/%1$s’, ‘usces’),$todayyy,$todaymm) . ‘)’;
$caption2 = __(‘Next month’, ‘usces’) . ‘(‘ . sprintf(__(‘%2$s/%1$s’, ‘usces’),$nextyy,$nextmm) . ‘)’;
?>

getRow(); $i++) : ?>

getDateText($i, $d);
if ($mday != “”) {
$business = $usces->options[‘business_days’][$todayyy][$todaymm][$mday];
//$style = ($business == 1) ? “” : ‘ style=”background-color:#FFECCE; color:#ff0000;”‘;
if($mday == $todaydd){
$tostyle = ‘businesstoday’;
}else{
$tostyle = ”;
}
if($business == 0){
$style = ‘businessday ‘;
}else{
$style = ”;
}
?>

getRow(); $i++) : ?>

getDateText($i, $d);
if ($mday != “”) {
$business = $usces->options[‘business_days’][$nextyy][$nextmm][$mday];
//$style = ($business == 1) ? “” : ‘ style=”background-color:#FFECCE; color:#ff0000;”‘;
$style = ($business == 1) ? “” : ‘ class=”businessday”‘; ?> >