ブログやホームページに貼れる「アドベントカレンダー」のウィジェットです。 12月1日から25日まで、その日が来ると扉がひとつずつひらけるようになり、ひらくとメッセージが表示されます。 ビルダー（ブラウザで開くだけの入力画面）が付いているので、コードを書かずに25日分のタイトル・メッセージ・ボタン（リンク）を自分用に変えて書き出せます。 ブログの記事紹介、お店の12月限定メニューやクーポンの案内、教室・サロンのお知らせなどに使えます。 ■ できること ・25個の扉（5×5・数字はばらばらに配置）。各日付が来るとひらける（前の日は「あと○日」と表示） ・「いつでもぜんぶひらける」モードにも切りかえ可能 ・ひらくと タイトル／メッセージ／今日のちいさなこと／ラッキーカラー を表示 ・日ごとにボタン（リンク）を付けられる（空欄なら表示なし） ・「12月1日まであと○日」「クリスマスまであと○日」「ひらいた扉 ○/25」を自動表示 ・ひらいた扉は見る人のブラウザに記録（次に来たときもひらいたまま） ・テーマ3色（スノー／フォレスト／ナイト）、雪のアニメーション ON/OFF ・スマホ対応、キーボード操作・「視差効果を減らす」設定に配慮 ・日本語版・英語版／外部ライブラリなしのHTML1ファイル ・初期メッセージ25日分入り（すべてオリジナル文章）。そのままでも使えます ■ ビルダーでできること ・タイトル、年、ひらき方、テーマ、雪、下の小さな表記、保存用IDの設定 ・25日分のタイトル・メッセージ・今日のちいさなこと・アイコン（15種）・ラッキーカラー・ボタンの入力 ・右側でプレビュー（日付を変えて、その日の見え方を確認できます） ・「HTMLファイルを保存」「貼り付け用コードをコピー」で書き出し ・設定をJSONで保存・読み込み（別のパソコンで続きを作れます） ■ 内容物（zip） ・advent-calendar-ja.html／advent-calendar-en.html（カレンダー本体・初期メッセージ入り） ・builder-ja.html／builder-en.html（ビルダー） ・使い方ガイド.pdf（A4・4ページ）／Guide_EN.pdf ・README_ja.txt／README_en.txt／LICENSE.txt ■ 使い方 1. builder-ja.html をパソコンのブラウザで開く 2. 25日分の中身やテーマを入力して、右のプレビューで確認 3. 「貼り付け用コードをコピー」→ WordPress の「カスタムHTML」ブロックなどに貼り付け 　（またはHTMLファイルをサーバーに置いて iframe で表示） ■ ご購入前にご確認ください ・JavaScript を貼れないサービス（note、Instagram、一部の無料ブログなど）では動きません。WordPress.com は有料プランでないとスクリプトが使えない場合があります。 ・日付は見る人の端末の日付で判定します。端末の日付を変えるとひらけてしまうため、懸賞の抽選など不正があると困る用途には向きません。 ・1ページに置けるカレンダーは1つまでです。 ・Chromium（PC幅1280px・スマホ幅390px）で表示と動作を確認しています。Safari・Firefox・スマホ実機では未確認です。 ・「ラッキーカラー」「今日のちいさなこと」は気分を楽しむための読みものです。 ■ フォント・ライセンス ・表示に Google Fonts の Zen Maru Gothic／Poppins（SIL Open Font License 1.1・商用利用可）を読み込みます。フォントファイルは同梱していません（読み込めない環境では端末のフォントで表示）。 ・ガイドPDFは Noto Sans CJK JP／Poppins（SIL OFL）を使用。 ■ 利用規約 ・ご自身・自社・クライアントのサイトに設置OK（商用利用可）。メッセージや色は自由に変更できます。 ・クライアントワークでは設置先1サイトにつき1点のご購入をお願いします。 ・ファイル（改変したものを含む）の再配布・転売、テンプレートや素材・ツールとしての販売はできません。 ・くわしくは同梱の LICENSE.txt をご覧ください。 haconiwa design