よくある質問
このページでは、メール用ドラッグ＆ドロップエディターに関するよくある質問への回答を提供します。
メールがダークモードでどのように表示されるかプレビューできますか？
はい。ドラッグ＆ドロップエディターのプレビューとテストセクションに移動し、ダークモードをオンにしてください。また、さまざまなユーザープラットフォームでメールをプレビューおよびテストし、可能な場合は行の背景画像に透過画像を使用することをお勧めします。
ダークモードとライトモードのメールはどのようにデザインすべきですか？
メールをライトとダークで別々のレイアウトに分けて送信する必要はありません。メールクライアントやデバイスが独自のダークテーマを適用できるためです。ただし、外側のコンテナや主要なセクションに明示的な色が設定されていない場合、色が反転したり背景が非表示になったりすることがあります。これを防ぐために、ダークモードとライトモードの両方でメッセージが明確に表示されるよう、ソリッドな背景色を設定することをお勧めします。
一部のメールクライアントでは、ダークモードで背景画像が置き換えられたり、低コントラストのテキストが反転されたりするため、本文のコピーが表示されなかったり、クライアント間で異なるレンダリングになることがあります（例：iOSのGmailとAndroidのGmail）。ライトな背景に背景画像のみを使用するのではなく、外側のコンテナや主要なセクションにbackground-colorを設定してください。
ドラッグ＆ドロップメールのプレビューにカスタムフォントが表示されないのはなぜですか？
カスタムフォントは、メッセージ内のテキストブロックがそのフォントを参照している場合にエディターのプレビューに読み込まれます。ドラッグ＆ドロップメールエディターの設定でカスタムフォントを設定した後もプレビューにフォールバックフォントが表示される場合は、そのフォントを使用するテキストブロックを追加して、エディターがプレビュー用にフォントを読み込むようにしてください。フォントファイルでクロスオリジンリソース共有（CORS）が有効になっていることを確認してください。送信前にプレビューとテストおよび対象のメールクライアントで再確認してください。設定手順については、カスタムフォントを参照してください。
他のアプリケーションからコピー＆ペーストする際に、テキストの書式を引き継ぐにはどうすればよいですか？
テキストエディターやアプリケーションによって、テキストの書式の扱い方が異なり、他のアプリケーションで認識されない場合があります。Braze以外の場所からドラッグ＆ドロップエディターにフォーマット済みテキストをコピー＆ペーストすると、リッチフォーマットが引き継がれないことがあります。
リッチフォーマットなしでテキストを貼り付けるには、以下のいずれかの方法を使用してください。
- Macの場合：cmd+Vの代わりにcmd+shift+Vを押します
- Windowsの場合：ctrl+Vの代わりにctrl+shift+Vを押します
- エディター内で右クリックし、スタイルを合わせてペーストを選択します
モバイルでメールのパディングを変更する際に、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やその他のクライアントで崩れることがよくあります。
コンテンツブロックがメールプレビューに表示されないのはなぜですか？
コンテンツブロックがメールプレビューに表示されない場合は、閉じられていないアンカータグがないか確認してください。Connected ContentのURLでは、replaceフィルターを使用して、二重エンコードされたアンパサンド（&）を単一エンコードのアンパサンド（&）に変換してください。コンテンツブロックのネストは2階層までに制限してください。
ドラッグ＆ドロップのコンテンツブロックがカスタムコードブロック内でモバイルスタイリングを失うのはなぜですか？
ドラッグ＆ドロップのコンテンツブロックをカスタムコード（HTML）ブロック内に配置すると、コンテンツブロックのモバイル固有のスタイリングや配置が送信されたメッセージに適用されない場合があります。コンテンツブロックとテンプレートの両方がドラッグ＆ドロップエディターを使用している場合は、カスタムコード内にネストするのではなく、コンテンツブロックを独立した行として追加してください。
複数のコンテンツブロックを重ねる場合は、1つの行に複数のブロックを配置するのではなく、各ブロックに個別の行を使用してください。
ドラッグ＆ドロップエディターで配置設定が無視されるのはなぜですか？
ドラッグ＆ドロップエディターで配置設定が無視される場合は、カスタムCSSまたはHTMLブロックを削除し、カスタムフォントを削除し、CSSの競合を確認し、行ブロックの重複を避けてください。問題が解決しない場合は、Brazeサポートにお問い合わせください。
選択した16進カラーコードがメールのフォントに反映されないのはなぜですか？
Content Blocksを使用している場合、ブロック自体に独自のフォントカラー設定が含まれている可能性があります。Content Blocks内のテキストブロックを選択し、ローカルのフォントカラーオーバーライドをクリアして、グローバルまたは段落スタイルの16進カラーが適用されるようにしてください。