Kyoto テーマ · ドキュメント · v1.0.0

共通ブロック

多くのセクションに追加できるブロックです(自由に組めるセクション、画像とテキスト、リッチテキスト、ヒーローなど、テーマのブロックを受け付けるセクション)。どこで使っても設定内容は同じです。

†の付いた設定は、関連する項目を選んだときだけ表示されます。

セクションの見出し

大きさと並べ方

  • 見出しの大きさ:テーマ設定に従う、特大の見出し、見出し 1、見出し 2、見出し 3、見出し 4(初期値:テーマ設定に従う)。

その他の設定:小見出し、見出し、説明文、揃え、リンクの文字、リンク先、並べ方、細かく設定する、文字の向き、見出しの出方、強調語(斜体の語)の飾り。

開閉の並び

その他の設定:最初を開いておく、複数を同時に開く。

中に入れるブロック

  • 開閉の行 ブロック
    • その他の設定:見出し、アイコン、説明文、ページ(本文の代わり)。

ボタン(主・副の2つ)

その他の設定:並べる向き。

問い合わせのフォーム

その他の設定:電話の欄、電話を必須に、送信ボタンの文字、送信のあとの文、同意の文、同意のチェックを必須にする。

中に入れるブロック

  • フォームの項目 ブロック
    • 幅:フル、半分(初期値:フル)。
    • その他の設定:見出し、種類、選択肢(1行に1つ)、必須、入力欄の中の例。

カウントダウン(本物の日時だけ)

その他の設定:見出し、期限(YYYY-MM-DD HH:MM)、見せ始める日時、終わったら、終わったときの文、数字の見た目。

Custom Liquid

その他の設定:Liquid。

まとめ(並べる向き・間隔・枠)

大きさと並べ方

  • 間隔:0〜96 px、4 刻み(初期値:24)。

その他の設定:並べる向き、枠で囲む、横の揃え、縦の揃え。

アイコンと文

大きさと並べ方

  • 見た目の大きさ(要素は常に h1):小、中、大(初期値:中)。

その他の設定:アイコン、画像(アイコンの代わり)、見出し、説明文。

画像

大きさと並べ方

  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:画像に合わせる)。
  • 画像の大きさ(%):20〜100 %、5 刻み(初期値:100)。
  • 角の丸み(px) †:テーマ設定に従う、0、4、8、16、24、40、64(初期値:テーマ設定に従う)。

その他の設定:画像(アイコンの代わり)、スマホの画像、収め方、リンク先、画像の現れ方、形、見せ方、画像の揃え。

中に入れるブロック

メール登録のフォーム

その他の設定:同意の文、プライバシーポリシーへのリンク、同意のチェックを必須にする。

引用

その他の設定:引用の文、名前、年代・地域・肩書き。

印(丸いシール)

大きさと並べ方

  • 大きさ:48〜240 px、2 刻み(初期値:150)。
  • 横の端からのはみ出し(印の大きさの %) †:−60〜60 %、2 刻み(初期値:0)。0 で角の内側に接し、50 で角の真上に中心が来ます。マイナスの値にすると内側へ寄ります。
  • 上下の端からのはみ出し(印の大きさの %) †:−60〜60 %、2 刻み(初期値:0)。
  • スマホの大きさ †:40〜200 px、2 刻み(初期値:104)。
  • 中央の文字の大きさ(印の %) †:15〜50 %(初期値:30)。
  • 縁の文字の大きさ(%) †:70〜130 %、5 刻み(初期値:100)。

その他の設定:縁の文字、中央の文字、色、傾き、置き場所、動き、細かく設定する、1 回転の秒数、やわらかい影。

設定項目はありません。テーマ設定に従います。

余白

大きさと並べ方

  • 見た目の大きさ(要素は常に h1):極小、小、中、大、特大(初期値:中)。
  • スマホの大きさ:テーマ設定に従う、極小、小、中、大、特大(初期値:テーマ設定に従う)。

その他の設定:線を引く。

ステッカー(飾り)

その他の設定:文字、画像(アイコンの代わり)、形、置き場所、動きの種類。

文字

大きさと並べ方

  • 大きさ †:10〜120 px、2 刻み(初期値:16)。
  • 行間 †:狭い、標準、広い(初期値:標準)。
  • 字間 †:−5〜20 %(初期値:0)。
  • 最大幅:狭い(360px)、標準、なし(初期値:標準)。

その他の設定:説明文、文字の型、書体、大文字化、文字の色(空=配色スキームに従う)、揃え、文字の向き、文書の中の役割、見出しの出方、強調語(斜体の語)の飾り。

動画

大きさと並べ方

  • 比率:画像に合わせる、縦長、縦長(高め)、四角、横長、広い、縦(初期値:広い)。

その他の設定:動画の場所、動画(音なしで自動再生、止めるボタン付き)、YouTube・Vimeo の URL、表紙の画像、音なしで自動再生、くり返す。