エディターブロック

この記事では、エディターブロックのタイプとカスタマイズ可能なプロパティを列挙します。これらのブロックは、ドラッグ・アンド・ドロップ・エディターの「コンテンツ」セクションで利用できる。

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

これらのエディターブロックのメールでの使い方やカスタマイズ方法については、さらにクリエイティブな詳細のセクションを参照してください。

種類

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

名前	記述
Title	Eメール用に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	スペーサーブロックの高さを調整します。デフォルトは60pxである。

画像

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

プロパティ	記述
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	標準 (デフォルト) アトリビュート、カスタムアトリビュート、コンテンツブロックなどの標準的な Liquid スニペットを検索できます。