Frontsign

Studio に営業日カレンダーを貼る

Studio(STUDIO)では、Embed ボックスにタグの2行を貼ります。この手順は、2026年10月に確かめています。

貼るタグと、ほかのサイトでの貼り方は、設置手順にあります。

貼る

  1. デザインエディタで、カレンダーを出したいページを開きます
  2. 追加パネルの「基本」にある「Embed」から、空の Embed ボックスをページに置きます
  3. 置いたボックスを選び、右パネルの「Embed」タブを開きます
  4. 「Embed コード」の「エディタを開く」を押し、開いた窓にタグの2行を貼って保存します
  5. ボックスの高さを px で決めます。480px が目安です
  6. サイトを公開します。公開済みのサイトでは、サイトを更新すると反映されます
  7. 公開されているページを開いて確かめます

ボックスの高さについて

Embed ボックスに貼ったコードは、ページから切り離された枠の中で動きます。枠の高さは中身に合わせて伸びないので、自分で決めます。

カレンダーの高さは、週が5つの月でおよそ 410px、6つの月でおよそ 470px です。高さを 480px にしておくと、どの月でも下が切れません。

見た目の違い

枠の中に出るので、書体と文字の色はサイトのものにならず、ブラウザの標準になります。文字の色を変えるときは、1行目に style="color:#ffffff" のように足します。

表示されないとき

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

無料で始める