サポートに戻る サイトをデザインする サイトキャッチフレーズブロック

サイトキャッチフレーズブロック

サイトキャッチフレーズブロックでは、サイトを表す短いテキスト説明が表示されます。キャッチフレーズはテーマデザインで表示されていなくても、検索結果や、ソーシャルネットワークでの共有時に使用されます。

サイトキャッチフレーズブロックを追加する

サイトキャッチフレーズブロックを追加するには、「+」ブロック挿入アイコンをクリックして「サイトのキャッチフレーズ」を見つけます。

💡

キーボードを使用して新しい行に「/tagline」と入力することで、新しいサイトキャッチフレーズブロックを追加することもできます。

キーボードを使用したサイトキャッチフレーズブロックの追加を示す GIF。

ブロックを追加する手順についてはこちらを参照してください。


ブロックツールバー

ブロックをクリックするとオプションのツールバーが次のように表示されます。

サイトキャッチフレーズブロックのツールバーには、次のオプションがあります。


ブロック設定

ブロックをクリックすると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の ⚙️ (ギア / 歯車) アイコンをクリックして設定を表示させます。

ブロック設定は右サイドバーに表示されます。
ブロックの設定
タイポグラフィ

以下の設定で、ブロックのテキストの外観を調整します。

設定が表示されていない場合は、「タイポグラフィ」の右側にある3つの点をクリックします (右図)。 その後、以下のアクセスするオプションを選択できます。

  • フォントサイズ
  • フォントファミリー
  • 外観
  • 行の高さ
  • 装飾
  • 大文字/小文字
  • 文字間隔
タイポグラフィのドロップダウンメニュー
追加オプションが展開されたブロック設定のサイドバーのタイポグラフィ。

「フォントサイズ」ではテキストのサイズを調整できます。S サイズ、M サイズ、L サイズなど、プリセットされたサイズから選択できます。

また、以下のスクリーンショットで「1」と表示されているデフォルトの選択項目の真上にあるスライダーアイコンをクリックすると、具体的な値を設定できます。以下のスクリーンショットの「2」をクリックすると、単位を変更することができます。選択肢はemまたはremのピクセルです。

タイポグラフィのフォントサイズ設定

フォントファミリーは、使用するフォントスタイルを変更するオプションです。ドロップダウンメニューでフォントの一覧から選択します。

「外観」では、通常とイタリックの間、細字から極太の範囲で文字のスタイルを変更できます。

「行の高さ」では、テキストの上下の間隔を設定します。0を選択する場合は、モバイル端末でサイトを確認してください。

「装飾」には、下線と打ち消し線のオプションがあります。

「大文字小文字」ではすべて大文字、先頭文字のみ大文字、すべて小文字のいずれかにテキストを設定できます。

「文字間隔」では、テキストの文字間隔を設定します。単位は、デフォルト (ピクセル) から、パーセント、emremvwvhに変更できます。相対単位の詳細についてはこちらをご覧ください。

ここでは、キャッチフレーズのテキスト色と背景色を設定できます。

サイトキャッチフレーズブロックの色設定。
スペース挿入

「スペース挿入」では、サイトキャッチフレーズの周囲で使われるパディングの量を制御できます。

キャッチフレーズ全体の周囲のパディングを設定するためのボックスに、値を入力します。またはリンクアイコンをクリックして、キャッチフレーズの上、右、下、左に対してさらに具体的な値を設定します。

デフォルトの単位はピクセル (px) です。単位をクリックして、以下から選ぶことができます。

  • ピクセル (px)
  • 斜体
  • rem
  • ビューポートの幅 (vw)
  • ビューポートの高さ (vh)
サイトキャッチフレーズブロックのスペース挿入設定

高度な設定

高度な設定のタブでブロックに CSS クラスを追加することで、カスタム CSS を記述してブロックを好きなようにスタイリングできます。

高度な設定のセクションでブロックに CSS クラスを追加できます。
高度な設定のセクションでブロックに CSS クラスを追加できます。
Copied to clipboard!