よくある質問
このページでは、メール用ドラッグ＆ドロップエディターに関するよくある質問への回答を提供します。
メールがダークモードでどのように表示されるかプレビューできますか？
はい。ドラッグ＆ドロップエディターのプレビューとテストセクションに移動し、ダークモードをオンにしてください。さまざまなユーザープラットフォームでメールをプレビューおよびテストすることもお勧めします。また、行の背景画像には可能な限り透過画像を使用してください。
ダークモードとライトモードの両方に対応したメールはどのようにデザインすればよいですか？
メールをライトとダークの別々のレイアウトで送信する必要はありません。メールクライアントやデバイスが独自のダークテーマを適用できるためです。ただし、外側のコンテナや主要なセクションに明示的な色が設定されていない場合、色が反転したり背景が非表示になったりすることがあります。これを防ぐために、ダークモードとライトモードの両方でメッセージが明確に読めるよう、ソリッドな背景色を設定することをお勧めします。
一部のメールクライアントは、ダークモードで背景画像を置き換えたり、低コントラストのテキストを反転させたりするため、本文のコピーが表示されなかったり、クライアント間で異なるレンダリングになったりすることがあります（例：iOSのGmailとAndroidのGmail）。明るい背景のために背景画像だけに頼るのではなく、外側のコンテナや主要なセクションにbackground-colorを設定してください。
ドラッグ＆ドロップメールのプレビューでカスタムフォントが表示されないのはなぜですか？
カスタムフォントは、メッセージ内のテキストブロックがそのフォントを参照している場合にエディタープレビューで読み込まれます。ドラッグ＆ドロップメールエディターの設定でカスタムフォントを構成した後もプレビューでフォールバックフォントが表示される場合は、そのフォントを使用するテキストブロックを追加して、エディターがプレビュー用にフォントを読み込むようにしてください。フォントファイルでクロスオリジンリソース共有（CORS）が有効になっていることを確認してください。送信前にプレビューとテストおよびターゲットのメールクライアントを再確認してください。設定手順については、カスタムフォントを参照してください。
Webビューのパディングを変更せずに、モバイルのメールパディングだけを変更するにはどうすればよいですか？
モバイルとWebビューのパディングを個別に編集することはできないため、編集内容は両方のビューに反映されます。ただし、HTMLエディターでCSSロジックを追加して、画面サイズに基づいてパディングを設定することは可能です。これはドラッグ＆ドロップエディターではサポートされていないため、HTMLファイルをエクスポートしてHTMLエディターを使用してください。
デスクトップとモバイルの両方でボタンの行を水平に保つにはどうすればよいですか？
ドラッグ＆ドロップエディターを使用してメールを作成する際、コールトゥアクションボタンの水平行を作成すると、モバイルではボタンが垂直方向に変更される場合があります。
デバイスサイズ間で同じフォーマットを維持するには、モバイル向けに最適化されたパディングを持つCTAボタンを含む別の行を作成し、デスクトップデバイスではその行を非表示に設定することをお勧めします。2つの別々の行を用意することで、デスクトップとモバイルデバイスで最適なテキストレンダリングのために必要なパディングを設定できます。
ドラッグ＆ドロップエディターで行の高さを調整できますか？
行の高さはコンテンツに合わせて自動調整されます。代替方法として、以下をお勧めします。
- ディバイダーブロックを追加します。
- トグルをクリックして透明度をオンにします。
- 高さを調整します。
エディターでレイヤーを構築できますか？背景画像を追加し、その上に画像を重ね、さらにテキストレイヤーを追加できますか？
ドラッグ＆ドロップエディターは現在2つのレイヤーをサポートしています。行の背景画像を設定し、背景色をカスタマイズできます。
キャンペーンまたはキャンバス内で作成したドラッグ＆ドロップメールをテンプレートとして保存できますか？
いいえ。キャンペーンまたはキャンバスからドラッグ＆ドロップメールを、テンプレート > メールテンプレートのドラッグ＆ドロップメールテンプレートとして保存することはできません。テンプレート > メールテンプレートでレイアウトを再作成するか、次回は保存済みのテンプレートから開始してください。手順については、メールテンプレートの作成を参照してください。
再利用可能なHTMLテンプレートが必要な場合は、ドラッグ＆ドロップの本文を編集中にファイルをダウンロードを選択し、ZIPからHTMLを開き、HTMLコードエディターを使用してHTMLメールテンプレートにマークアップを貼り付けてください。その後、Liquid、リンク、ホストされたアセットを再確認してください。
テンプレートの保存場所の詳細については、テンプレートとメディアを参照してください。
ドラッグ＆ドロップエディターでボタンの塗りつぶし色を変更できないのはなぜですか？
ページレベルのスタイルがメッセージレベルのスタイルを上書きすることがあります。ボタンやブロックの塗りつぶしを更新しても反映されない場合は、以下をお試しください。
- メールのグローバルスタイル設定を開き、競合しているページスタイルでデフォルトにリセットを選択して、メッセージレベルの色が適用されるようにします。
- ブロックで色を再度設定します。
ドラッグ＆ドロップエディターにメールの添付ファイルを追加できますか？
はい。メールメッセージに添付ファイルを追加するには、送信設定 > 詳細設定に移動してください。
ドラッグ＆ドロップメールの生のHTMLをダウンロードするにはどうすればよいですか？
- キャンペーンまたはキャンバスを開き、メールメッセージを編集します。
- メール本文を編集を選択して、ドラッグ＆ドロップエディターを開きます。
- ファイルをダウンロード（エディターの下部）を選択します。アーカイブを展開して、生成されたHTMLにアクセスします。
そのHTMLをHTMLブロックやHTMLエディターに貼り付けて、低レベルの編集を行うことができます。例えば、特定のリンクのクリックトラッキングをオフにする場合などです。
ドラッグ＆ドロップのレイアウトが崩れるのはなぜですか？
レイアウトの問題は、エディターが生成するマークアップと競合するカスタムHTMLまたはCSSが原因であることが多いです。以下のステップをお試しください。
- カスタムHTMLブロックを削除または分離して、問題が解消されるか確認します。
- ドラッグ＆ドロップメールエディターの設定で、すべてのクライアントで読み込まれない可能性のあるカスタムフォントがないか確認します。
- 行のプロパティで、列のパディングと幅を確認します。
- カスタムHTMLを追加する場合は、テーブルベースのレイアウト、フルイド画像、メールの幅に収まる合計テーブル幅を使用してください。固定ピクセルの画像やテーブル以外の構造は、Outlookやその他のクライアントで崩れることがよくあります。
Content Blocksがメールプレビューでレンダリングされないのはなぜですか？
Content Blocksがメールプレビューでレンダリングされない場合は、閉じられていないアンカータグがないか確認してください。コネクテッドコンテンツのURLについては、replaceフィルターを使用して、二重エンコードされたアンパサンド（&）を単一のエンコードされたアンパサンド（&）に変換してください。Content Blocksのネストは2レベルまでに制限してください。
ドラッグ＆ドロップのContent Blocksがカスタムコードブロック内でモバイルスタイルを失うのはなぜですか？
ドラッグ＆ドロップのContent Blocksをカスタムコード（HTML）ブロック内に配置すると、Content Blocksのモバイル固有のスタイルや配置が送信されたメッセージに適用されない場合があります。Content Blocksとテンプレートの両方がドラッグ＆ドロップエディターを使用している場合は、カスタムコード内にネストするのではなく、Content Blocksを独自の行として追加してください。
複数のContent Blocksを重ねる場合は、1つの行に複数のブロックを配置するのではなく、各ブロックに別々の行を使用してください。
ドラッグ＆ドロップエディターが配置設定を無視するのはなぜですか？
ドラッグ＆ドロップエディターが配置設定を無視する場合は、カスタムCSSまたはHTMLブロックを削除し、カスタムフォントを削除し、CSSの競合がないか確認し、行ブロックの重複を避けてください。問題が解決しない場合は、Brazeサポートにお問い合わせください。