makeshop日時指定コード生成ツール

開始日時・終了日時を選ぶだけで、期間限定で表示を切り替えるコードを作れます。strtotime の書き方を覚えなくても大丈夫です。色と文字だけのバナーも、ここで作れます。

クリエイターモード専用です。ベーシックモードでは使えません。貼り付ける前に、必ずデザインセットのバックアップを取ってから作業してください。

1. 使い方を選ぶ

使いたいパターンのボタンをクリックして選んでください。選ぶと、下の入力欄が切り替わります。

2. 日時を選ぶ

例:

例:

3. 表示する内容を入れる

表示する内容(HTML可)を入力してください。

入力欄の使い方

  • 「バナーを作って入れる」:色と文字だけのバナーを作成して、入力欄に入れます。
  • 「サンプル文を入れる…」:セール・新商品・季節のごあいさつ・営業日のお知らせなどの文例を、入力欄に入れます。
  • 「この欄を空にする」:入力欄の内容をすべて消します。
  • 最初に入っている文章は入力例です。そのまま使うか、書き換え・削除してください。
  • 文例の中の「○」の部分(例:「○月○日」)は、ショップの内容に書き換えてください。
  • バナーやサンプル文を入れると、その入力欄の内容は置き換わります。

表示イメージ

入力した内容が、日時によってどう切り替わるかを確認できます。実際のショップでは、テンプレートの文字色やサイズの影響を受けるため、見た目が少し変わる場合があります。

4. コードをコピーして貼り付ける

  1. ショップデザイン / テンプレート選択・編集 / クリエイターモード / ○○(トップ・商品詳細など) の「HTML」欄を開きます。
  2. 表示したい位置に、コピーしたコードを貼り付けて保存します。
  3. ショップの画面を開き、表示されることを確認します。

※日時は 年-月-日 時:分:秒 の形で入ります。期間が終わると、自動で表示が切り替わります。