無料で始める

ホームページに設置できるカレンダー

「カレンダー」パーツ

カレンダーパーツは、月表示のカレンダーをホームページに設置できるパーツです。
イベント日の設定と、デザインの変更ができ、自分だけのカレンダーを作成できます。
次月へ 前月へ
カレンダーの右側を押すと、次の月に変わり、左側を押すと、元に戻る仕組みになっています。
また、月が変わると、ホームページ上のカレンダーも自動的に次の月に変わります。

イベント設定

カレンダーには、自分で作成したイベントを設定できます。具体的には、定休日などのイベント名を登録し、色を設定します。後はカレンダーの日付を選択して色を変えるだけで、カレンダーを作成できます。
カレンダー作成画面
1.月の変更
月の左側に表示される「>>」を選択すると、編集する月を変更できます。再来月まで編集が可能です。
2.イベント日の設定
カレンダーの日にちを選択し、イベントを設定できます。イベント設定後は、日付の背景色と文字色がイベントの色に変わります。1日に設定できるイベントは1個までです。
3.イベントの設定
イベント名、背景色、文字色を設定できます。イベント名は、カレンダーの下に表示されます。背景色、文字色を変更すると、2で設定したイベント日の色が変わります。

カレンダーデザイン

カレンダー全体の設定で、背景パターンと文字色を設定できます。また、イベントの背景色と文字色を全体のデザインに合わせることで、様々なデザインを作成できます。

カレンダーデザイン例

カレンダーの背景色と文字色を変えるだけで、ホームページの見た目がガラッと変わります。
ホームページのテーマに合った、色の組み合わせを探してみてください。

デジタル
デジタルなカレンダー
ミント
ミントなカレンダー

壁紙を使ったデザイン例

カレンダー全体の背景は、色を選択する他にも、用意された壁紙から選択することが出来ます。
実際に壁紙を利用して作成した、デザイン例をいくつかご紹介します。

ノート
ノートカレンダー
ベリー
ベリーカレンダー
オレンジ
オレンジカレンダー
スカイブルー
スカイブルーカレンダー
大理石
代理石カレンダー
ボード
ボードカレンダー

カレンダーの作成・設置方法

カレンダーの作成と、ホームページに設置する方法は、下のボタンからご確認ください。
カレンダーの設定方法

パーツ一覧

Crayon|スマホアプリでホームページ作成

カテゴリー