サポートページ aero-right 設定タブ

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

メール全体の背景色を変更する方法 背景カラーはメールエディタの 「全体のスタイル」タブで調整することが出来ます。 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コードを表示しますか?     >>「メール作成:編集操作」のまとめページに戻る

テンプレート&メールエディタ 4月 27, 2021

画像ギャラリーの利用と画像のアップロード方法について

画像および画像ギャラリーの基本に関するまとめページです。 目次 画像ギャラリーとはなんですか? 画像ギャラリーへアクセスする方法は? 画像ギャラリーに画像をアップロードする方法は? 画像ギャラリー内の画像URLを取得する方法とは? 画像ブロック 画像グループブロック  画像カードブロック 画像キャプションブロック Webページより挿入したい画像URLを取得する方法 取得した画像URLを使って、画像ギャラリーに画像を挿入する方法 画像を削除する方法 画像ギャラリー内のストックフォトとは? 対応しているファイル形式と最大サイズは? 最後に アカウントに画像をアップロードした時点で、その画像の使用や複製をする際に禁止コンテンツを含まないことに同意したこととなります。     画像ギャラリーとはなんですか? 画像ギャラリーは、Benchmark Emailがアカウントをお持ちのすべての方に提供する画像ホスティングサービスです。 無料アカウントでは10MB、有料のアカウントでは最大10GBの画像保存容量を提供しています。 こちらの容量を超える場合には、月額1000円で無制限の画像ホスティングオプションを付けることが可能です。 関連FAQ: 画像ギャラリーの容量の増やし方は?   画像ギャラリーへアクセスする方法は? ご自身のアカウントの画像ギャラリーにアクセスするには2通りの方法があります。 <アカウントメニューから> 1. Benchmark Emailアカウントにログインし、画面右上の「アカウント名」をクリックします。 2. 「画像ギャラリー」を選択します。 <メール編集画面から> 1. チェックリスト最下部の「本文&デザイン」または「編集」ボタンをクリックします。 2. メール編集画面より画像ブロックをダブルクリックをすると「画像ギャラリー」が開きます。 3. また、テキストブロックからもアクセス可能です。テキストブロックをクリックすると、上部にメニューバーが表示されます。「画像」アイコンをクリックし、画像ギャラリーを開きます。 注意点: ・500kb未満の画像は変更されずそのままアップロードされますが、640x640ピクセル以上のサイズの500kbを超える画像は圧縮されます。これはスペースを節約し、メール到達率を高めるためです。画質を保つためには200KB以下に抑えて頂くことをお勧めいたします。 ・アップロード可能な1枚あたりの画像サイズは最大5MBです。 ・メール内に画像を掲載する際、小さい容量であればあるほどスムーズに表示されるため画像の容量制限を設けています。 ・Benchmark Emailでは高い到達率実現のため、200KB以下の画像ファイルのご利用をお勧めしております。 ・サイズの大きい画像の場合、メールサービスプロバイダーによっては迷惑メールと判断する場合もある為、Benchmark Emailでは自動的に圧縮される形をとっています。 トップに戻る   画像ギャラリーに画像をアップロードする方法は? 1. ダッシュボードの右上の「アカウント名」をクリックし、「画像ギャラリー」を選択します。 2. 画像ギャラリーのウィンドウ内に画像ファイルをドラッグ&ドロップするだけで、画像がアップロードされます。 3. パソコンから画像をアップロードしたい場合は、画像ギャラリーの右上の「ファイルを追加」をクリックし、グレーボックス内の「ファイルの検索」をクリックしてください。 画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。 1. 挿入したい画像のブロックをメール本文にドラッグ&ドロップします。 2. ブロックをダブルクリックすると、「画像ギャラリー」に移動します。 3. アップロードした画像を選択し、「挿入」ボタンをクリックします。 注意点: ・ファイル名に日本語、「&」や「×」などの記号を使用しないようにしてください。記号は「 _ 」アンダーバーなどで代替ください。 誤ったファイル名:M&FS55×127.png 正しいファイル名:M_FS55_127.png ・カラーモードはRGB形式の画像のみアップロード可能です。CMYK形式の画像はアップロードはできませんので、RGB形式に変換の上アップロードをお願いします。 トップに戻る   画像ギャラリー内の画像URLを取得する方法とは? 画像ギャラリーに一度アップロードした画像のURLを取得する方法は以下の通りです。 1.  ダッシュボードの右上の「アカウント名」をクリックします。 2.  「画像ギャラリー」をクリックします。 3.  URLを取得したい画像のアイコンをクリックし、「URLをコピー」を選択します。 4. または「プレビュー」を選択し、アドレスバーよりURLをコピーします。 トップに戻る       画像ブロック 画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。メール編集中に画像をドラッグ&ドロップして挿入できます。 1. 「画像ブロック」をクリックし、メール本文内にドラッグ&ドロップします。 2. ブロックをダブルクリックすると、「画像ギャラリー」に移動します。 3. アップロードした画像を選択し、「挿入」ボタンをクリックします。 4. 画像ブロックに直接画像をドラッグ&ドロップ、または「ファイルの検索」をクリックし、画像ギャラリーから画像を選択することもできます。 5. 画像をパソコンからアップロードする場合は「ファイルの検索」をクリックしてください。 6. 「保存&閉じる」をクリックします。 7. 画像を編集するには、メール本文内の画像をクリックし、画面左のオプションをご利用ください。 <おすすめのデザイン> 背景なしの画像を使うことで立体感を演出できます。 他のブロックで挿入した画像と同じ背景色を使うことで洗練されたデザインに仕上がります。 トップに戻る     画像グループブロック 画像を2つから最大5つまで並べて挿入することが可能です。 1. 「画像グループブロック」をクリックし、メール本文にドラッグします。 2. 画像を直接ブロックにドラッグ&ドロップで挿入します。もしくは画像ギャラリーから画像を選択するか、「ファイルの検索」をクリックし、パソコンから画像をギャラリーにアップロードして画像を挿入します。 3. 初期設定では、画像を2つ挿入できるようになっています。  a. 画面左のコンテンツタブでアイコンまたは「グループに画像を追加」をクリックすると、画像の追加が可能です。  b. 垂直または水平の位置に画像のレイアウトを変更することができます。  c. 画像と画像の間隔を変更することが可能です。 4. 「保存&閉じる」ボタンをクリックします。 <おすすめのデザイン> レストランやお店のギャラリーを作成するのに最適なブロックです。お店の魅力を最大限に表現することができ、読者の興味を引くことができます。     トップに戻る     画像カードブロック 挿入した画像と同じ枠内にテキストを入力をする事が可能です。 1. 画像カードブロックをクリックし、メール本文内にドラッグします。 2. 画像を直接ブロックにドラッグ&ドロップするか、画像ギャラリーより画像を選択または「ファイルの検索」でパソコンから画像をアップロードして挿入してください。 3. 初期設定では2つのセクションが表示されます。 ・テキストを追加し、位置を選択します。テキストは短くするか画像のサイズに合った長さにすることをお勧めします。 ・画像表示で端揃えしたい場合は、チェックボックスにチェックします。 ・設定タブで空白枠、背景色とボーダーを選択します。 4. 「保存&閉じる」をクリックします。 <おすすめのデザイン> 販売促進にご利用できるデザインで商品をより魅力的に見せることができます。 ブログ記事の紹介をしたい時など見やすいメールに仕上がります。 項目を綺麗に分けることができるので、読者のCTAを促します。 トップに戻る   [gallery ids="294942,294945,294946"] 画像キャプションブロック 画像内にテキストを入れることができます。画像カードブロックとの違いは、入力するテキストの枠がないためお好みでテキストの入力枠を編集する事が可能です。 1. 「画像キャプションブロック」をクリックし、メール本文内にドラッグ&ドロップします。テキストの位置は右、左、最下部のいずれか選択できます。 2. 画像ブロックに画像を直接ドラッグ&ドロップ、もしくは「ファイルの検索」をクリックします。また、画像ギャラリーから画像を選択します。 3. 初期設定では、画像は2つ挿入できるようになっています。 コンテンツタブ: ・テキストの追加やテキスト位置を選択できます。テキストは短くするか画像のサイズに合わせた長さにするとバランス良く見えます。 ・ブロックに最大3つまで画像を追加することが可能です。 行間を設定できます。 設定タブ:サイドや上下の空白枠および背景色を設定できます。 4. 「保存&閉じる」ボタンをクリックします。 <おすすめのデザイン> 以下のように画像を3つ並べて最下部にテキストを配置することですっきりして見やすいデザインになります。 画像を1つ挿入し、最下部にテキストを配置します。その下にソーシャルフォローブロックを挿入し、画像キャプションブロックと同背景色にすることでまとまりのあるデザインになります。 以下のように画像キャプションブロックに2つの画像を挿入し、テキストをそれぞれ右と左に配置することもできます。 挿入した画像をクリックすると、画面左に「画像変更」「編集」「リンクURL」のオプションが表示されます。また、画像の位置調整や背景色、ボーダーや空白枠の設定も可能です。位置調整についての詳細は以下のFAQをご確認ください。 FAQ:画像の位置調整・枠を編集する方法 トップに戻る   Webページより挿入したい画像のURLを取得する方法 ブラウザ毎に取得方法は多少異なります(ステップ1〜2は同じ)ので、以下のそれぞれの手順に従ってください。 Firefox: 1. ブラウザを開き、メールに使いたい画像を含んだウェブページを開きます。 2. 画像にマウスを移動させ、マウスボタンを右クリックします。 3. 「画像のURLをコピー」を選択してURLをコピーします。 4. また「画像だけを表示」を選択した場合、新しいタブが開きますので、アドレスバーに表示されるURLをコピーします。 Internet Explorer & Microsoft Edge: 「画像リンクをコピー」して画像URLを取得します。または「新しいタブで画像を開く」をクリックし、開いたタブのアドレスバーのURLをコピーします。 Safari: 「イメージのアドレスをコピー」でURLをコピーします。または「イメージを新規タブで開く」か「イメージを新規ウィンドウで開く」をクリックし、開いたページのアドレスバーに表示されたURLをコピーします。 Chrome: 「画像アドレスをコピー」をクリックします。または「新しいタブで画像を開く」をクリックし、開いたタブのアドレスバーに表示されるURLをコピーします。 トップに戻る   取得した画像URLを使って、画像ギャラリーに画像を挿入する方法 1. メール本文内に画像ブロックをドラッグします。 2. 画像ギャラリーの「画像URL」をクリックし、ボックス内に取得した画像URLを入力し「挿入」ボタンをクリックします。 トップに戻る   画像を削

画像ギャラリー 4月 14, 2021