スタイルガイド

01
タイプ

H1

H2

H3

H4

H5
H6

段落
この段落では、以下のようなことを学びます。このような3つの要素で、このような様々なことを行っている。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

中文
ȀLorem
ipsum dolor sit amet, consectetur adipiscing elit.このような3つの要素で、このような変化を停止します。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

大きいテキスト
ipsum dolor sit amet, consectetur adipiscing elit.このような3つの要素で、このような様々なことを行っています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

リッチテキスト

リッチテキストエレメントを使えば、見出し、段落、ブロッククォート、画像、動画を個別に追加してフォーマットする必要がなく、すべて一箇所で作成・フォーマットできます。ダブルクリックするだけで、簡単にコンテンツを作成できます。

静的および動的コンテンツ編集

リッチテキスト要素は、静的コンテンツでも動的コンテンツでも使用できます。静的コンテンツの場合は、任意のページにドロップして編集を開始するだけです。動的コンテンツの場合は、任意のコレクションにリッチテキストフィールドを追加し、設定パネルでそのフィールドにリッチテキストエレメントを接続します。ほら!

  • リスト項目
  • もうひとつ
  • そしてもうひとつ

リッチテキストごとに書式をカスタマイズする方法

見出し、段落、ブロック引用、図、画像、図のキャプションはすべて、「When inside of」入れ子セレクタ・システムを使ってリッチ・テキスト要素にクラスが追加された後にスタイルを設定することができます。