リッチテキストコンポーネント

挿入

テキスト を左上の スライドを追加 ボタンから挿入できます。

または、選択したコンポーネントの上部/下部にあるプラスアイコンを使用して、スライド / コンテナ / インラインレベルに追加することができます。

DOM構造

テキスト コンポーネントは、HTML DOM構造で次のように構成されています。

<div>
  <h1>...</h1>
  <h2>...</h2>
  <h3>...</h3>
  <p>...</p>
</div>

したがって、スタイルを設定する際にはルートノードの直接の子要素をターゲットにする必要があります。

ブロックの垂直マージンの設定

&>*.margin: 20px 0

ブロックの行間の設定

&>*.lineHeight: 1.4

見出しのみのスタイル設定

例では h1 を使用していますが、h2、h3、p なども指定できます。

&>h1.fontSize: 3em;

SEOの考慮

ブラウザにいくつかのデフォルトスタイルがあることに加えて、見出し（h1 / h2 など）は検索エンジンにとってのセマンティックな指標として機能します。検索エンジンは見出しを解析して、ウェブページの内容を理解します。seo headings を検索して、詳細を学ぶことができます。