営業日カレンダー作成ツール

ECサイト(ネットショップ)や実店舗での営業日や定休日のお知らせなどに使えるカレンダーのHTMLタグ作成ツールです。

定休日の日付をクリックすることで、簡単に背景色などを反映することが可能。

カレンダーの枠線や定休日の文字色・背景色など、細かく色を設定することができるので、ショップのコンセプトカラーと合わせたりデザインに統一感を出すことができます。

2ヶ月分出力したい場合は、ボタンをチェックするだけで切り替えできるのでお好みでお使いください。

STEP1:色を設定

入力欄をクリックするとカラーピッカーが表示されるので、好きな色を選択できます。
また、カラーコードが決まっている場合は直接入力して指定することも可能です。

曜日の行の文字色
曜日の行の背景色
カレンダー枠線の色
定休日の文字色
定休日の背景色

STEP2:年月を設定

2ヶ月分表示させたい場合は「2ヶ月分作成する」ボタンをクリックしてください。

STEP3:定休日をクリック

1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

STEP4:カレンダーの横幅を設定

カレンダーの横幅サイズを指定される場合は、以下に数値を入力してください。
(※何も指定がない場合、横幅サイズは100%(レスポンシブに対応)となります)

横幅のサイズ(数値を入力)
カレンダーがプレビューされるエリア
HTMLタグがプレビューされるエリア
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次