小さなお店のホームページテンプレート「Mugi」|カフェ・パン屋・雑貨店向け(営業中の自動表示・営業日カレンダー・3色・スマホ対応・日英2版/HTML・CSS)
- Digital1,800 JPY



「今日あいてる?」に、ホームページが答えてくれる。営業時間とお休みを書くだけの、お店のための1ページサイト。 カフェ・パン屋・焼き菓子店・雑貨店など、小さなお店のための1ページのホームページテンプレートです。 HTMLとCSSだけでできているので、WordPressや月額制のサイト作成サービスは不要。無料のサーバーにも置けます。 いちばんの特長は、お客さまがいちばん知りたい「今日は営業している?」が、ひと目でわかること。 営業時間とお休みの日を設定ファイルに書くだけで、「営業中(18:00まで)」「本日はお休み」「10:00から営業」の表示や、 営業時間の表、営業日カレンダーが自動で切りかわります。毎月カレンダー画像を作りなおす手間がなくなります。 ◆ できること ・「営業中」「本日はお休み」「まもなくラストオーダー」を自動表示(ヘッダー・写真の上・営業時間の欄) ・営業時間の表を自動作成、今日の曜日に「今日」マーク ・営業日カレンダー(今月・来月):定休日・臨時休業・特別営業を自動で色分け ・「第2・第4火曜日はお休み」のような決まりにも対応 ・時刻はお店のタイムゾーンで判定(旅行中のお客さまが見てもずれません) ・メニューはタブで切りかえ(パン/焼き菓子・ケーキ/ドリンク)、「人気」「季節限定」ラベル ・お知らせ、ギャラリー(クリックで拡大)、アクセス(Googleマップ埋め込み)、ご予約ボタン(電話・Instagram・メール) ・スマホでは画面下に「営業日を見る」「電話する」ボタン ・3色テーマ:mugi(小麦)/matcha(抹茶)/sumi(墨) ・日本語版・英語版の2ページ(インバウンドのお客さま向けにも) ・スマホ対応、動きを減らす設定の端末ではアニメーションなし ◆ 内容物(zip・約38KB) ・index.html(日本語版)/index-en.html(英語版) ・css/style.css(デザイン) ・js/shop-config.js(営業時間・お休みの設定)/js/main.js ・images/(仮のイラスト画像22点。お店の写真に差しかえて使います) ・README_ja.txt/README_en.txt(編集方法・地図の入れ方・公開方法) ・LICENSE.txt(利用規約) ◆ 使い方 1. index.html をテキストエディタで開き、店名・文章・メニューを書きかえる 2. js/shop-config.js に営業時間・定休日・臨時休業日を書く 3. images フォルダに写真を入れて、サーバーにアップロード ※ HTMLを少し書きかえられる方向けです。サーバー・ドメインの契約はご自身でお願いします。 ※ お問い合わせフォームは入っていません(電話・SNS・メールのボタンです。Googleフォーム等へのリンクにも変えられます)。 ◆ フォント Google Fonts の Zen Kaku Gothic New/Shippori Mincho(しっぽり明朝)/Cormorant Garamond を読み込んで表示します (SIL Open Font License 1.1・商用利用可)。フォントファイルは同梱していません。 ◆ 利用規約(概要) ・ご自身のお店・事業のサイトでは数の制限なく使えます(商用OK) ・クライアントワークは1ライセンスにつき1クライアント・1サイトまで ・デザイン・文章・色の変更は自由 ・ファイルの再配布・転売、テンプレートや素材としての販売は禁止 ・クレジット表記は不要 ◆ 動作環境 Chrome/Safari/Edge/Firefox の最新版、iPhone・Androidのブラウザ


