セクションとブロック

Kyoto のページは、すべて セクション を縦に積み重ねて作られています。多くのセクションは、さらに ブロック で構成されています。セクションもブロックも、テーマエディターの左サイドバーで追加・非表示・移動・削除ができます。ここで行う操作は、商品やほかのページの内容には影響しません。

セクションやブロックを追加する

1. テーマエディターを開き、上部のメニューでページの種類（ホームページ、商品、コレクションなど）を選びます。
2. 左サイドバーで、追加したい位置の セクションを追加 を選び、セクションを選びます。多くのセクションには、すぐに使えるひな形が用意されています（コレクションのリスト: 色の面、コレクションのリスト: 丸窓 など）。
3. ブロックを追加するときは、セクションを開いて ブロックを追加 を選びます。
4. 並べ替えは、セクションやブロックの左端のつまみをドラッグして行います。目のアイコンを押すと、削除せずに非表示にできます。

Kyoto には、追加できるセクションが 100 種類、ブロックが 150 種類以上あります。ページごとの一覧はこのページの最後にあります。

サイズを選ぶ

Kyoto では、セクションのほぼすべての要素でサイズを選べます。サイズの設定には 2 つの形式があります。

• スライダー：決められた範囲の中で選びます（例：品物の大きさ：24〜60 %、文の幅：280〜720 px）。つまみを動かすか、数値を入力します。
• 段階から選ぶ：たとえば 見出しの大きさ は、小から最大までの 6 段階です。各段階はどの画面幅でもバランスよく見えるよう調整してあるので、最も手早く整えられます。

セクションやブロックによっては、サイズの設定を 大きさと動きを調整する や 細かく設定する などのチェックボックスの中にまとめています。オンにするとすべてのサイズ設定が表示されます。オフに戻すと、選んだ値は保存されたまま、表示はバランスのよい初期値に戻ります。

サイズは画面に合わせて変わります。px で指定するサイズは大きな画面での値で、見出しや大きな文字は画面が狭くなるにつれて滑らかに小さくなります。多くのセクションには、高さ（スマホ）、列数（スマホ）、スマホの大きさ など、スマホ用の設定が別にあります。

サイズ設定の一覧

セクション共通の設定

ほとんどのセクションに共通して、次の設定があります。

共通ブロック

文字、ボタン（主・副の2つ）、画像、動画、アイコンと文、引用、まとめ（並べる向き・間隔・枠）、余白、印（丸いシール）、ステッカー（飾り）、カウントダウン、開閉の並び、メール登録のフォーム、問い合わせのフォーム、SNS のリンク（テーマ設定の SNS）、Custom Liquid などのブロックは、対応しているセクションであればどこでも同じように使えます。各ブロックの設定は共通ブロックに載っています。

まとめ（並べる向き・間隔・枠） ブロックは、ほかのブロックを横または縦に並べて入れる箱です。間隔（0〜96 px）、枠線、配色を個別に指定できます。自由に組めるセクション の中で使うと、既存のセクションにはないレイアウトも組めます。

アプリブロック

一覧に インストールしたアプリのブロック と書かれているセクションには、アプリブロックを追加できます。ブロックを追加 > アプリ から選んでください。アプリだけを単独で置く場合は アプリの外枠 セクションを使います。Kyoto がアプリを受け入れるのはアプリブロックとアプリ埋め込み（テーマエディターの アプリ埋め込み 欄）だけなので、テーマのコードを誰も編集していなければ、アプリを削除したあとにコードが残ることはありません。

ページごとの一覧

以下の各ページに、すべてのセクションの用途、サイズの設定（範囲と初期値）、そのほかの設定、追加できるブロックを載せています。