アプリ内メッセージ・エディター・ブロック
エディター・ブロックとは、ビルド・セクションの下にあるドラッグ・アンド・ドロップ・エディターで利用できる様々なブロックのことである。このセクションには、メッセージに使用できるさまざまな種類のコンテンツを表す一連のタイルが含まれている。
これを使うには、エディターブロックを列の中にドラッグする。カラム幅に自動調整される。各エディター・ブロックは、パディングのきめ細かなコントロールなど、独自の設定を持っている。右側のパネルは、選択されたコンテンツ要素のプロパティパネルに自動的に切り替わる。
種類
次の表は、各エディター・ブロック・タイプの使い方を説明している。
名前 |
説明 |
タイトル |
メッセージにタイトルテキストを入力する |
パラグラフ |
メッセージに段落テキストを入力する |
イメージ |
メディアライブラリから画像を挿入する |
ボタン |
標準ボタンを追加する。このブロックのプロパティでは、編集、リンクの設定、アナリティクスのログを取ることができる。 |
スペーサー |
他のブロックの間にスペースまたはパディングを追加する。 |
カスタムコード(早期アクセス) |
生のHTML、CSS、JSを挿入する。 |
プロパティ
各エディターブロックのプロパティの詳細は以下の表に記載されている。
タイトルとパラグラフ
名前 |
説明 |
フォントファミリー |
これはテキストのフォントスタイルである。 |
フォント重量 |
テキストの太さを決める |
文字サイズ |
テキストのサイズを決定する |
色 |
テキストの色を変更する |
整列 |
テキストを左揃え、中央揃え、右揃え、両端揃えにする。 |
ラインの高さ |
テキストの行間の距離を変更する |
文字間隔 |
各文字間の距離を変更する |
イメージ
名前 |
説明 |
画像の幅 |
画像の幅と選択した測定単位を変更する |
整列 |
画像を左、中央、または右方向に移動させる |
URL |
画像のホストアドレス |
代替テキスト |
画像の読み込みに失敗した場合に、画像の代わりに表示されるコピー。スクリーンリーダーは画像を説明するためにaltテキストを発表するので、画像に関する重要な情報を提供するために平易な言葉を使う。 |
ボタン
名前 |
説明 |
コーナー半径 |
角の丸さを決める |
オン・クリック行動 |
ボタンをクリックしたときの動作を決定し、適切なリンクプロトコルを設定する。 |
URL |
選択されたオンクリックビヘイビアに基づき動的に行われる |
スペーサー
名前 |
説明 |
背景色 |
スペーサーの背景色を変更する |
高さ |
スペーサーの高さを変更する。スペーサーのリサイズハンドルを使って変更することもできる。 |
カスタムコード
名前 |
説明 |
カスタムコード |
アプリ内メッセージのHTML、CSS、JavaScriptを追加、編集、削除できる。 |