独自の CSS を追加する

エディタの「サイトのデザイン」タブで CSS を書き、ストアの見た目を細かく調整します。

  1. エディタで、サイトのデザインをクリックします。
  2. カスタムCSSを開き、CSSコードに CSS を入力します。
    エディタのサイトのデザインタブ。カスタムCSSのセクションが開いており、CSSコードの欄にCSSのルールが入力されています
  3. プレビューをクリックして確認します。CSS は、プレビューと公開済みのストアに反映されます。エディタ自体には反映されません。
  4. 公開すると、ストアに反映されます。

知っておくと便利なこと:

  • チェックアウトとアカウントのページには適用されません。
  • 他のウェブサイトへのリンク(@import や、別のサイトへの url() など)は削除されます。そのため、ストアのページが見知らぬサーバーからファイルを読み込むことはありません。Payly にアップロードした画像(/_media/ で始まるアドレス)は使えます。
  • サイトのデザインを変えても、CSS はそのまま残ります。
  • Payly のページ構造は、アップデートで変わることがあります。ルールが効かなくなった場合は、プレビューで確認してください。

関連記事

Last updated 2026-10-16