Frontsign
Studio に営業日カレンダーを貼る
Studio(STUDIO)では、Embed ボックスにタグの2行を貼ります。この手順は、2026年10月に確かめています。
貼るタグと、ほかのサイトでの貼り方は、設置手順にあります。
貼る
- デザインエディタで、カレンダーを出したいページを開きます
- 追加パネルの「基本」にある「Embed」から、空の Embed ボックスをページに置きます
- 置いたボックスを選び、右パネルの「Embed」タブを開きます
- 「Embed コード」の「エディタを開く」を押し、開いた窓にタグの2行を貼って保存します
- ボックスの高さを px で決めます。480px が目安です
- サイトを公開します。公開済みのサイトでは、サイトを更新すると反映されます
- 公開されているページを開いて確かめます
ボックスの高さについて
Embed ボックスに貼ったコードは、ページから切り離された枠の中で動きます。枠の高さは中身に合わせて伸びないので、自分で決めます。
カレンダーの高さは、週が5つの月でおよそ 410px、6つの月でおよそ 470px です。高さを 480px にしておくと、どの月でも下が切れません。
見た目の違い
枠の中に出るので、書体と文字の色はサイトのものにならず、ブラウザの標準になります。文字の色を変えるときは、1行目に style="color:#ffffff" のように足します。
表示されないとき
- 貼ったタグが2行とも残っているかを確かめます。2行目が無いと、カレンダーは描かれません
- 1行目の店舗IDが、設定の「埋め込みタグ」のものと同じかを確かめます
- コードを保存したあとに、サイトを更新したかを確かめます
- 下が切れているとき、または何も見えないときは、ボックスの高さを px で指定し直します
解決しないときは、貼ったページのアドレスを添えて、frontsign@webhiro.com までご連絡ください。