何かお困りですか?よくある質問とその回答をまとめました。

サポートページ aero-right メール全体またはブロックごとの背景を変更する方法

メール全体またはブロックごとの背景を変更する方法

テンプレート&メールエディタ 更新日 4月 27, 2021
メール全体の背景色を変更する方法

背景カラーはメールエディタの 「全体のスタイル」タブで調整することが出来ます。

1. 作成中のメールのエディタを開きます。

2. 画面左上の全体のスタイルタブをクリックします。

3. カラー設定にて、メールのテーマ色を選択できます。

4. ブロックごとにカラー設定をする場合には、それぞれのブロック編集メニューを開いて設定します。

ブロックごとの背景色を変更する方法

1. 編集したいブロックにカーソルを合わせ、クリックします。

2. 画面左側の設定タブにて「背景の色」をクリックします。

3. 新たな色を選択します。

4. 「保存」ボタンをクリックして完了です。

変更を加えても色が変化しない場合は、背景画像が原因と考えられる為、背景画像の変更または削除をお試し下さい。

<トラブルシューティング>

複数のカラムを横並びに挿入した際、各カラムの背景色の範囲がバラバラになってしまい、空白ができてしまう事がございます。その場合は、セクション設定からカラム毎に背景色を選ぶことで空白をなくすことができます。

セクション設定を使ってカラムに出来た空白を埋める方法

1. 編集したいメールエディタを開きます。

2. メール本文内の右側にカーソルを合わせるとセクション機能が表示されます。

3. 鉛筆アイコンをクリックします。

4. セクション設定の画面下に表示される「左カラム」「中央カラム」「右カラム」より空白を埋めたいカラムをクリックします。

5. 背景色の下に表示される円をクリックし、背景色を選択して完了です。

ブロックごとに背景画像を設定する方法

注意:こちらの作業にはHTMLコーディングの知識が必要になります。

1. 使いたい画像のURLを取得します。画像ギャラリーにアップロード済の背景画像がある場合は、ギャラリーより画像URLを取得が可能です。

2. 背景画像を挿入したいブロックをクリックします。

3. 右上のメニューをクリックし、コード参照アイコン</>をクリックします。

4. ポップアップでHTMLコード参照ボックスが表示されます。

5. ボックス内の最初の行の<div style=“line-height: 150%;” の後に以下のコードを追加してください。

style="background-image:url(画像ファイルのURL);"

6.「保存&閉じる」ボタンをクリックし、背景画像が正しく表示されているか確認します。

7.  左下の「保存&閉じる」ボタンをクリックしてブロックの編集を終了します。

ご注意:背景の画像はメーラーによっては正しく表示されないこともあります。

画像ギャラリーの画像URLを取得する方法については以下のFAQをご参照ください。

FAQ:画像ギャラリー内の画像URLを取得する方法とは?

HTMLコードを参照する方法の詳細については、以下のFAQをご覧ください。

FAQ:どのようにHTMLコードを表示しますか?

 

 

>>「メール作成:編集操作」のまとめページに戻る


FAQの情報は役に立ちましたか?
あなたはすでに投票済みです!

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。

質問の回答が見つかりませんか?

サポートへお問い合わせ