Frontsign

カレンダーの設置手順

管理画面の「設定」に出るタグを、サイトの載せたい場所に貼ると、そこにカレンダーが表示されます。

貼るタグ

タグは次の2行です。1行目がカレンダーを出す場所、2行目がカレンダーを描くプログラムの読み込みです。

<div data-calendar="あなたの店舗ID"></div>
<script src="https://frontsign.webhiro.com/v1/widget.js" async></script>

店舗IDが入ったタグは、設定の「埋め込みタグ」に出ます。「タグをコピー」を押して、そのまま貼ってください。

カレンダーは、貼った場所の幅に合わせて表示されます。書体と文字の色は、貼った先のサイトに合わせます。

「カスタム HTML」ブロックに貼ります。プラグインは要りません。画面ごとの操作は、WordPress に貼る手順にまとめています。

HTML を埋め込む機能に貼ります。サービスごとの操作は、次のページにまとめています。

HTML を埋め込む機能があり、その中で script のタグが動くサービスなら使えます。タグの2行目が使えないサービスでは、表示されません。

1行目に data-color="#2e86c1" のように色を足します。

公開されているページのソースに widget.js があるかを確かめます。無い場合は、保存のときに2行目が消されています。編集に使った道具や、ログインしている利用者の権限が原因です
1行目の店舗IDが、設定の「埋め込みタグ」のものと同じかを確かめます
サイトにキャッシュの仕組みがある場合は、キャッシュを消してから開き直します

解決しないときは、貼ったページのアドレスを添えて、frontsign@webhiro.com までご連絡ください。