エディター・ブロック

このリファレンスでは、エディター・ブロックの種類とカスタマイズ可能なプロパティをリストアップしている。これらのブロックは、ドラッグ・アンド・ドロップ・エディターの「コンテンツ」セクションで利用できる。

エディターブロックを使うには、ドラッグ＆ドロップ・エディターでエディターブロックを列の中にドラッグする。カラム幅に自動調整される。各エディター・ブロックは、パディングのきめ細かなコントロールなど、独自の設定を持っている。

これらのエディタブロックの使い方やカスタマイズ方法については、クリエイティブの詳細セクションをチェックしよう。

種類

次の表は、ユーザーが各エディター・ブロック・タイプをどのように使用できるかを説明している。

名前	記述
Title	Eメール用にH1、H2、H3タグでテキストを追加する。
Paragraph	メッセージにテキストを入力する。ツールバーは、フォントやテキスト編集機能をサポートする。
List	箇条書きリストを追加する。
Button	標準ボタンを追加する。このブロックのプロパティでは、リンクを簡単に編集・設定できる。
Divider	実線、点線、または破線を挿入し、間隔を調整する。
Spacer	他のブロックの間にスペース（パディング）を追加する。
Image	メディアライブラリから画像を挿入する。
Video	動画コンテンツへのリンクを作成する。
Social	ソーシャルメディア・プラットフォームのアイコンを挿入する。ブランド固有のアイコンのためにカスタム画像をアップロードすることもできる。
Icons	アイコンを挿入する。カスタム画像もアップロードできる。画像がアップロードされるまで、特大のプレースホルダー・アイコンが使用される。
HTML	生のHTMLを挿入する。コネクテッド・コンテンツや条件文のような高度なリキッドに最適だ。
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	スペーサーブロックの高さを調整する。デフォルトは60pxである。

イメージ

Image エディター・ブロックの詳細については、以下の表を参照のこと。ダイナミック画像（リキッド付き画像）については、自動幅設定を使用するためのフォールバック画像を設定する必要がある。

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

動画

Video エディター・ブロックの詳細については、以下の表を参照のこと。

プロパティ	記述
URL	ビデオのURL。
Title	動画のメタデータから自動生成されるが、カスタマイズすることもできる。 なお、YouTubeとVimeoのみ対応している。
Play Icon Style	ビデオ画像の上部にある再生ボタンのさまざまなオプションを含む。
Play Icon Color	再生ボタンのためにライトまたはダークを選択するオプション。
Play Icon Size	再生ボタンのピクセルサイズを選択する。固定範囲は50pxから80pxまで（5px刻み）。

ソーシャル

Social エディター・ブロックの詳細については、以下の表を参照のこと。

プロパティ	記述
Select icon collection	アイコンコレクションのスタイルを設定する。
Configure icon collection	各ソーシャル・アイコンのURLを設定する。タイトルと代替テキストを編集するためのMore optionsトグルを含む。
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 が無効の場合、一貫したパディング番号を設定する。

リキッドパーソナライゼーションを追加する

Add Personalization の詳細については、以下の表を参照のこと。

名前	記述
Add Personalization	標準(デフォルト)アトリビュート、カスタムアトリビュート、コンテンツブロックなどの標準的なリキッドスニペットを検索できる。