エディターブロック

この参考記事には、エディターブロックの種類とカスタマイズ可能なプロパティが記載されています。これらのブロックは、ドラッグアンドドロップエディターの [コンテンツ] セクションにあります。

エディターブロックを使用するには、ドラッグアンドドロップエディターの列内にエディターブロックをドラッグします。列幅に合わせて自動的に調整されます。各エディターブロックには、パディングのきめ細かい制御など、独自の設定があります。

メール内のこれらのエディターブロックの使用方法およびカスタマイズ方法の詳細については、「その他のクリエイティブな詳細」セクションをご覧ください。

タイプ

次の表は、ユーザーが各エディターブロックタイプを使用する方法を示しています。

名前	説明
Title	電子メール用に H1、H2、および H3 タグの付いたテキストを追加します。
Paragraph	メッセージにテキストを入力します。ツールバーはフォントとテキストの編集機能に役立ちます。
List	箇条書きを追加します。
Button	標準ボタンを追加します。このブロックのプロパティにより、リンクを簡単に編集および設定できます。
Divider	間隔を空けるために、実線、点線、または破線を挿入します。
Spacer	他のブロック間にスペース、つまり「パディング」を追加します。
Image	メディアライブラリから画像を挿入します。
Video		ビデオコンテンツへのリンクを作成します。
Social	ソーシャルメディアプラットフォームアイコンを挿入します。ブランド固有のアイコンのカスタム画像をアップロードできます。
Icons	アイコンを挿入します。カスタム画像をアップロードできます。画像がアップロードされるまで、特大のプレースホルダーアイコンが使用されます。
HTML	未処理の HTML を挿入します。コネクテッドコンテンツや条件文などの高度なLiquidに最適です。
Menu	デザインしているメッセージ用に柔軟なメニューを作成します。

プロパティ

各エディターブロックのプロパティの詳細を次の表に示します。

タイトル

プロパティ	説明
Title	見出しスタイルを選択します。H1、H2、または H3 のみを使用できます。
Font family		これはタイトルのフォントスタイルです。
Font weight	これがフォント全体の太さです。
Font size		テキストのサイズを決定します。
Text color		タイトルの色を変更します。
Link color		リンクの色を変更します。
Align	タイトルを左、中央、または右方向に移動します。
Line height		テキストの行間の距離を変更します。
Line spacing		各文字間の距離を変更します。
Text direction	デフォルトは左から右ですが、右から左になるように編集できます。

段落

Paragraphエディターブロックのプロパティの詳細については、次の表を参照してください。

プロパティ	説明
Font family		これは段落テキストのフォントスタイルです。
Font weight	これがフォント全体の太さです。
Font size		テキストのサイズを決定します。
Text color		タイトルの色を変更します。
Link color		リンクの色を変更します。
Align	タイトルを左、中央、または右方向に移動します。
Paragraph spacing	段落間のスペースを変更します。
Line height		テキストの行間の距離を変更します。
Letter spacing		各文字間の距離を変更します。
Text direction	デフォルトは左から右ですが、右から左になるように編集できます。

リスト

Listエディターブロックのプロパティの詳細については、次の表を参照してください。

プロパティ	説明
List type	これはリストのタイプです。箇条書きまたは番号を付けることができます。
List style type		リストのスタイルを決定します。
Start list from		リストの開始番号を決定します。
Font family		これは段落テキストのフォントスタイルです。
Font weight	これがフォント全体の太さです。
Font size		テキストのサイズを決定します。
Text color		タイトルの色を変更します。
Link color		リンクの色を変更します。
Align	タイトルを左、中央、または右方向に移動します。
List items spacing	リスト項目間のスペースを変更します。
List items indent	リスト項目のインデントを変更します。
Line height		テキストの行間の距離を変更します。
Letter spacing		各文字間の距離を変更します。
Text direction	デフォルトは左から右ですが、右から左になるように編集できます。

ボタン

Buttonエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Link Type	ボタンをクリックしたときのアクションを決定し、適切なリンクプロトコルを設定します。
URL	選択したものに基づいて動的Link Type。

区切り線

Dividerエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Transparent	有効にすると、’line’ と ‘width’ オプションが削除されます。
Line	点線、斑点、実線など、さまざまな線形式。 さらに、分割線の太さと色を変更できます。
Width	ディバイダーのスプレッドを 5 ずつ調整します。
Align	行を左、中央、または右のいずれかに移動します。

余白

Spacerエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Height	スペーサーブロックの高さを調整します。デフォルトは 60 ピクセルです。

画像

Imageエディターブロックの詳細については、次の表を参照してください。ダイナミック画像 (Liquidを使った画像) の場合、自動幅設定を使用するようにフォールバック画像を設定する必要があります。

プロパティ	説明
Auto Width		画像のピクセルを変更します。
Align	画像を左、中央、または右方向に移動します。
URL		画像のホストアドレス。
Alternate text		画像の読み込みに失敗したときに画像の代わりに表示される書き込まれたコピー。

動画

Videoエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
URL		動画の URL。
Title	ビデオメタデータから自動生成されるか、カスタマイズできます。 YouTube と Vimeo のみがサポートされていることに注意してください。
Play Icon Style		ビデオ画像の上部にある再生ボタンにさまざまなオプションが含まれています。
Play Icon Color	再生ボタンに [ライト] または [ダーク] を選択するオプション。
Play Icon Size		再生ボタンのピクセルサイズを選択します。50 ピクセルから 80 ピクセルの範囲があらかじめ固定されています (5 ピクセルずつ増加)。

ソーシャル

Socialエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Select icon collection	アイコンコレクションのスタイルを設定します。
Configure icon collection	各ソーシャルアイコンの URL を設定します。タイトルと代替テキストを編集するための [その他のオプション] トグルが含まれています。
Align	ソーシャルアイコンを左、中央、または右方向に移動します。
Icon spacing	各ソーシャルアイコンの間隔を決定します。

アイコン

Iconsエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Font family		これは段落テキストのフォントスタイルです。
Font weight	これがフォント全体の太さです。
Font size		テキストのサイズを決定します。
Text color		タイトルの色を変更します。
Link color		リンクの色を変更します。
Align	アイコンを左、中央、または右方向に移動します。
Letter spacing		各文字間の距離を変更します。
Icon size		アイコンのサイズを決定します。
Icon spacing	アイコンのスペースを変更します。
Icon padding	アイコンのパディングを変更します。

HTML

HTMLエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
html editor	未処理の HTML を入力してください。

メニュー

Menuエディターブロックの詳細については、次の表を参照してください。

プロパティ	説明
Configure menu items	メニュー項目を追加します。
Font Family		メニューに使用するスタイル。
Font Size		メニューのサイズ。
Text Color		メニューの色を変更します。
Link Color		メニューテキストの色を変更します。
Align	メニューを左、中央、または右方向に移動します。
Letter spacing		各文字間の距離を変更します。
Layout	レイアウトを水平または垂直のいずれかに決定します。
Separator		メニューオプションの間に文字を追加します。
Mobile menu	モバイルデバイスに表示するときにアイコンのサイズ、色、およびアイコンタイプを変更するオプションが含まれています。
Item padding	+ または - ボタンを使用するか、特定の数値を入力してパディングを変更します。
All sides	Item padding 無効になっている場合、一貫したパディング番号を設定します。

Liquid パーソナライゼーションを追加

詳細については、次の表を参照してくださいAdd Personalization。

名前	説明
Add Personalization	標準 (デフォルト) 属性、カスタム属性、コンテンツブロックなどの標準Liquidスニペットを検索できます。