楽天ショップの営業日カレンダー

楽天ショップのほとんどのお店に営業日や定休日を示すカレンダーが表示されていますが
このカレンダーは自動更新ではありません。
(GOLDページならJavaScriptなどを使って自動更新カレンダーを設置できますが)
毎月、HTMLを作成してショップに貼り付けなくてはいけないので、
結構手間がかかります。

「カレンダーだけ毎月更新して~」なんて依頼も結構あるんですよ。

楽天のRMSマニュアルの中にもカレンダーの作成を支援するページがありますが
ここまでたどり着きにくい(笑)

私がよくお世話になっているサイトをご紹介しておきます。
自動作成カレンダー屋さん

枠の色や背景色などを選ぶと、自動的にカレンダーのHTMLを生成してくれます。
90日間は設定を記憶しておけるので、毎月一回作成して更新しておけば大丈夫です。

でも、祝日がお休みのショップや平日が定休日のショップはちょっと手直しが必要。
たとえば
カレンダー作成
こんなカレンダーを、自動作成カレンダー屋さんで作ってみます。
そうするとできあがったHTMLは以下の通り

<table border="0" cellspacing="1" cellpadding="1" bgcolor="#CCCCCC" style="font: 12px; color: #666666;">
<tr>
<td align="center" colspan="7" bgcolor="#FFFFFF" height="18" style="color: #666666;">2011年10月</td></tr>
<tr>
<td align="center" width="20" height="18" bgcolor="#FF6699" style="color: #FFFFFF;">日</td>
<td align="center" width="20" bgcolor="#FFFFCC" style="color: #666666;">月</td>
<td align="center" width="20" bgcolor="#FFFFCC" style="color: #666666;">火</td>
<td align="center" width="20" bgcolor="#FFFFCC" style="color: #666666;">水</td>
<td align="center" width="20" bgcolor="#FFFFCC" style="color: #666666;">木</td>
<td align="center" width="20" bgcolor="#FFFFCC" style="color: #666666;">金</td>
<td align="center" width="20" bgcolor="#FF6699" style="color: #FFFFFF;">土</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;">1</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;">2</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">3</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">4</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">5</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">6</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">7</td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;">8</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;">9</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">10</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">11</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">12</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">13</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">14</td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;">15</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;">16</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">17</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">18</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">19</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">20</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">21</td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;">22</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;">23</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">24</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">25</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">26</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">27</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">28</td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;">29</td>
</tr>
<tr>
<td align="center" height="18" bgcolor="#FFCCCC" style="color: #666666;">30</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;">31</td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFFFFF" style="color: #666666;"> </td>
<td align="center" bgcolor="#FFCCCC" style="color: #666666;"> </td>
</tr>
</table>

33行目の10日は祝日です。
自動生成したカレンダーは祝日表示になっていないので、祝日表示にするには
<td align=”center” bgcolor=”#FFFFFF” style=”color: #666666;”>10</td>

<td align=”center” bgcolor=”#FFCCCC” style=”color: #666666;”>10</td>
と書き換えます。
土曜日や日曜日の設定と同じにすればOKです。
bgcolorが背景の色、style=”color: ” が文字の色です。

平日がお休みのショップも同じように書き換えればOKです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です