PR

WordPress 標準機能だけで営業日カレンダー表示

WordPress には様々なプラグインが用意されています。カレンダーはイベントや投稿記事の有無、土日祝日の色分けなどの改造も数多くのサイトで公開されていますが、「営業日カレンダー」は 営業日カレンダープラグイン | WordPressのプラグイン販売サイト CMS×WP が販売するもの以外に見つかりませんでした。

解説を読むとなかなか使いやすそうで良いのですが、まぁ出来れば無料で・・・と考えてしまう。。。ということで、プラグインも使わず、有料のそれも購入せず、何とかしてみようというのが今回の目的です。

スポンサードリンク


ちょっと考えてみると簡単に実現できることに気が付いた

その機能自体はアクセス解析(ホントは/body手前に入れたほうがいいんだけど)や広告挿入などのためなどに使っているものの、気がつくまでに時間がかかりました。そう、任意のHTMLを挿入すればよいのです。ほんのちょっと更新には手間がかかりますけどね。

HTMLカレンダーをどうやって作るか。綺麗に簡単に。

色分けカレンダー作成ツール (営業日カレンダーのHTMLタグの無料作成ツール) というサイトを利用すると良い感じでHTMLを取得できます。これをクリップボードにでもコピーしておきます。

以下のようなコードを取得できます:


<!-- 2010年9月カレンダー ここから -->
<table width="140" border="0" cellspacing="0" style="font:12px;background-color:#ffcc99;">
<tbody style="color:#000000;background-color:#ffffff;text-align:center;">
<tr style="height:20px;">
<td  colspan="7">2010年9月</td>
</tr>
<tr style="height:20px;">
<td style="color:ff0000;">日</td><td>月</td><td>火</td><td>水</td><td>木</td><td>金</td><td style="color:0000ff;">土</td>
</tr><tr style="height:20px;">
<td></td><td></td><td></td><td style="background-color:#ff9999;">1</td><td>2</td><td>3</td><td style="color:#0000ff;">4</td>
</tr>
<tr style="height:20px;">
<td style="color:#ff0000;">5</td><td>6</td><td>7</td><td style="background-color:#ff9999;">8</td><td>9</td><td>10</td><td style="color:#0000ff;">11</td>
</tr>
<tr style="height:20px;">
<td style="color:#ff0000;">12</td><td>13</td><td>14</td><td style="background-color:#ff9999;">15</td><td>16</td><td>17</td><td style="color:#0000ff;">18</td>
</tr>
<tr style="height:20px;">
<td style="color:#ff0000;">19</td><td style="color:#ff0000;">20</td><td>21</td><td style="background-color:#ff9999;">22</td><td style="color:#ff0000;">23</td><td>24</td><td style="color:#0000ff;">25</td>
</tr>
<tr style="height:20px;">
<td style="color:#ff0000;">26</td><td>27</td><td>28</td><td style="background-color:#ff9999;">29</td><td>30</td><td></td><td></td>
</tr>
</tbody>
</table>
<!-- カレンダー ここまで -->


あとはコピペで終わり

先程コピーしておいたカレンダーのHTMLコードを、ウィジットの任意のHTMLに貼りつければ終わり。もちろん、ページや投稿に挿入することもできますよね。

# 探しても記事がなかったのは、当たり前すぎるからかな・・・。

コメント

タイトルとURLをコピーしました