テキストのスタイルを設定するには、サイト スタイルの [フォント] パネルと [色] パネルを使用してサイト全体のフォントと色を設定するか、特定のセクションのフォントと色をカスタマイズします。

詳細については、「フォントを変更する」と「色を変更する」をご参照ください。

テキストのスタイルを設定するには、サイト スタイルを使用してテキストのフォントと色を選択します。一貫した外観を実現するために、サイト スタイル微調整オプションは特定のフォーマットのすべてのテキストに適用されます。

たとえば、すべてのヘッダーのフォントを一度に変更したり、すべての本文テキストを一度に変更したりできます。テキスト スタイル オプションはテンプレートごとにわずかに異なります。この仕組みの詳細については、「フォントを変更する」を参照してください。

[段落 (小)] や [見出しリンク] などのサイト スタイルでは、テキスト グループ全体の色を変更できます。テキスト グループの色を変更する方法は以下のとおりです。

1. サイト スタイルを開き、[色] をクリックします。
2. 編集するセクションのカラー テーマを開きます。
3. 編集するテキスト グループに対応する色の微調整オプションをクリックし、新しい色を選択します。

より詳細な手順については、[色を変更する] をご覧ください。

テキスト ブロックの色

テキスト ブロックでは、選択したテキストの色を変更できます。単語ごとに色を変更して目立たせるか、文字ごとに異なる色に変更します。テキストのカスタム色を設定する方法は以下のとおりです。

1. テキスト ブロックがあるページまたはアイテムで [編集] をクリックし、テキスト ブロック内をクリックします。
2. 変更するテキストを強調表示します。このテキストは、1文字でも、1単語でも、または複数の単語でもかまいません。
3. テキスト ツールバーで、[色] アイコンをクリックし、新しい色を選択します。[パレット] をクリックしてサイト全体のカラー パレットから色を選択するか、[カスタム] をクリックしてカラー ピッカーを使用します。
4. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

以下の点に留意してください。

• テキスト ブロック ツールバーでテキストの色を変更すると、サイト スタイルに設定されているテキストの色がすべて上書きされます。テキスト ブロック ツールバーでテキストの色を変更した後、サイト スタイルで同じテキスト グループの色を変更しても、テキスト ブロック ツールバーで行った色の変更はそのまま残ります。
• セクションのカラー テーマを変更すると、すべてのテキストの色が上書きされ、そのテーマのカラー設定に合うようにテキストがリセットされます。テキスト ブロック内のカスタム テキストの色を復元するには、それらの色を手動で再適用する必要があります。
• セクションのカラー テーマを変更してから前のカラー テーマに戻しても、カスタム テキストの色は保持されません。手動で再適用する必要があります。
• [色] アイコンはテキスト ブロックにのみ表示され、他のテキスト ツールバーには表示されません。

サイト スタイルで、編集するテキストに対応する色の微調整オプションをクリックします。より詳細な手順については、[色を変更する] をご覧ください。

文字の間隔を変更するには、以下の手順に従います。

1. ページの編集中に、ペイントブラシ アイコンをクリックし、[フォント] をクリックします。
2. [グローバル フォント スタイル] で、編集するテキスト タイプ ([見出し]、[段落]、[ボタン]、または [その他]) をクリックします。
3. [文字の間隔] スライダーを使用して間隔を調整するか、新しいem値を入力します。
4. [保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] をクリックしてから [保存] をクリックしてエディターを閉じます。

サイト スタイルで、[文字の間隔] 微調整オプションをクリックして文字の間隔を変更します。

文字の間隔を設定するときには、以下の点に注意してください。

• 負の値を指定すると、文字が重なることがあります。モバイルでのレイアウトの問題が発生しないようにするため、文字の間隔は0px以上にしてください。
• モバイルで間隔の変更が反映されない場合は、間隔がemではなくpxに設定されていることを確認してください。BedfordおよびPacificファミリーのテンプレートの場合、モバイルではヘッダーの間隔が最大になります。

行の高さを変更する方法は以下のとおりです。

1. ページの編集中に、ペイントブラシ アイコンをクリックし、[フォント] をクリックします。
2. [グローバル フォント スタイル] で、編集するテキスト タイプ ([見出し]、[段落]、[ボタン]、または [その他]) をクリックします。
3. [行の高さ] スライダーを使用して間隔を変更するか、新しいem値を入力します。
4. 他のページのコンテンツを編集する間も、変更はそのまま保持されます。[保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] > [保存] の順にクリックしてエディターを閉じます。

サイト スタイルで、[行の高さ] 微調整オプションを使用して行間のスペースを変更します。

画像ブロックのタイトル、サブタイトル、またはキャプションに使用される等幅テキストのサイズとフォントは、フォント パネルの段落2のテキストスタイルに従います。それ以外の等幅テキストの使用はすべてその他のテキストスタイルに従います。フォントのスタイルを設定するには、「フォントを変更する」をご参照ください。

等幅テキストの色は、[色] パネルの [段落 (中)] 微調整オプションに従います。フォントの色を変更するには、「色を変更する」を参照してください。

コード テキストのサイズと色は、[本文テキスト] 微調整オプションに従います。フォント スタイルを変更することはできません。

段落テキストのサイズとフォントは、[フォント] パネルの [段落] テキスト スタイルに従います。

サイト上のテキストは、サイト全体のカラー パレットに従います。または、セクションのカラー テーマを調整して、テキストのセクションを目立たせることもできます。

サイトの本文テキストのフォント、サイズ、色を変更するスタイル微調整オプションは、テンプレート ファミリーによって異なります。

引用スタイルは、そのテキストのタイプのフォントと色に従います。

たとえば、引用テキストが見出し2のテキストの場合、引用テキストはサイト上の他の見出し2のテキストと同じフォントとサイズになります。引用テキストの色は、そのセクションの色に従います。

ヒント: 代わりの方法として、独自のスタイル オプションがある引用ブロックを使用できます。

引用スタイルはテンプレートによって異なります。たとえば、一部のテンプレートでは、視覚的な区切りを追加するために、引用符の左側に縦線があります。

ヒント: 代わりの方法として、引用ブロックを使用できます。一部のテンプレートではブロックに独自のスタイル オプションがあり、引用を目立たせることができます。

引用テキストのスタイル

これらのテンプレート ファミリーで引用テキストのスタイルを設定する方法は次のとおりです。一部のテンプレートでは、引用テキストは引用ブロックと同じスタイルに従います。

[フォント] パネルで、サイトに適用するフォント パックをクリックして、基本サイズを選択します。他のすべてのテキストは、このサイズを基準にして拡大縮小されます。また、[スタイルの割り当て] をクリックして、特定のテキスト エリアのフォント サイズを設定することもできます。

完全な手順については、「フォントを変更する」を参照してください。

サイト スタイルで [サイズ] 微調整オプションをクリックし、フォント サイズを設定します。スライダーを使用するか、手動でフォント サイズを入力します。

一部のテンプレートでは、さまざまな画面サイズのフォントの最大サイズや最小サイズを設定できます。詳細については、「フォントを拡大縮小する」を参照してください。

1. ページの編集中に、ペイントブラシ アイコンをクリックし、[フォント] をクリックします。
2. [グローバル フォント スタイル] で、変更するテキスト タイプ ([見出し]、[段落]、[ボタン]、または [その他]) をクリックします。
3. [テキスト変換] ドロップダウン メニューからスタイル オプションを選択します。
4. 他のページのコンテンツを編集する間も、変更はそのまま保持されます。[保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] > [保存] の順にクリックしてエディターを閉じます。

サイト スタイルで、任意のフォント微調整オプションで [テキスト変換] ドロップダウン メニューを使用します。

1. ページの編集中に、ペイントブラシ アイコンをクリックし、[フォント] をクリックします。
2. [グローバル フォント スタイル] で、変更するテキスト タイプ ([見出し]、[段落]、[ボタン]、または [その他]) をクリックします。
3. [太さ] ドロップダウン メニューから太さのオプションを選択します。
4. 他のページのコンテンツを編集する間も、変更はそのまま保持されます。[保存] をクリックして変更を保存し、そのまま編集を続けるか、[終了] > [保存] の順にクリックしてエディターを閉じます。

サイト スタイルでは、フォント微調整オプションを使用する際に [太さ] ドロップダウン メニューを使用してテキストを太くしたり細くしたりできます。