サポートページ 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

ドラッグ&ドロップエディタでフォント・文字サイズ・行間を調整する方法は?

Benchmark Emailでは、ドラッグ&ドロップエディタで簡単に文字の編集をすることができます。フォントや色、文字のサイズを変更したり、行間の調整を行うことが可能です。 目次: フォント・色・文字サイズを変更する方法 行間を調整する方法 改行する方法 ブロックごとに文字列を「右に揃える」「左に揃える」「中央に揃える」方法 段落ごとに文字列を調整する方法 フォント・色・文字サイズを変更する方法 1. 編集したいブロックをクリックし、赤枠の(編集可能な)状態にします。 2. 編集を行いたいテキストを選択(ハイライト)します。 3. 画面上部の編集オプションにてテキストのフォーマット変更を行います。   <色を変更する方法> アイコンをクリック後、ご希望の色を選択し、「保存」ボタンをクリックします。   <フォントを変更する方法> フォントのドロップダウンメニューをクリックし、ご希望のフォントを選択します。   <文字のサイズを変更する方法> 数字のドロップダウンボックスをクリックし、お好きな文字のサイズを選択します。 なお、太字、イタリック、下線、取り消し線などをご利用になる際は、ステップ1〜3まで行って、画面上部に表示される各アイコンをクリックして編集をしてください。   <フォントについて> お好みのフォントでメールの作成は可能ですが、配信先で同じように表示されるには配信先の端末において同じフォントがインストールされている必要があります。なお、Benchmark Emailで採用しているフォントは以下の通りです: Hiragino Kaku Gothic Pro / MS Gothic / MS Mincho / Osaka / Arial / Arial Black / Arial Narrow / Baskerville / Comic Sans MS / Courier New / Garamond / Georgia / Helvetica / Impact / Lucia Grande / Palatino / Papyrus / Tahoma / Times New Roman / Trebuchet MS / Verdana / 標楷體 / 新細明體 / Sim Hei 注意1:新しいフォントはすべての端末において使用が保証されているものではありません。もし選択されたフォントがインストールされていない場合は、すでにインストール済みのフォントが代わりに表示されます。 注意2:画像やロゴ上のテキストについては、画像ファイルとしてそのまま表示されます。 行間を調整する方法 エディタにて行間を調節したいテキストをハイライトし、画面左の「コンテンツ」タブ内、行間のドロップダウンメニューよりお好みの幅を選択します。 改行する方法 段落内で改行を行いたい場合はShift+Enterを使用して下さい。 Return/Enterキーは新たな段落をスタートすることになり、改行とは表示が異なります。 ※HTMLコード上ではReturn/Enterキーは<p></p>に、Shift+Enterキーは<br>に相当します。   ブロックごとに文字列を「右に揃える」「左に揃える」「中央に揃える」方法 画面上部の編集メニューよりクリックし適当なオプションを選択してください。 段落ごとに文字列を調整する方法 同じブロック内で段落ごとに文字列の位置を変更するには、HTMLコードの編集が必要となります。以下のFAQをご覧ください。 FAQ:ドラッグ&ドロップエディタのコードを編集する際のテクニック集 または、揃える段落ごとにブロックを挿入することをお勧めします。   ご注意:テキストブロックを編集する際に以下のように右下にTinyMCEロゴが表示されますが、配信されるメールには表示されることはありませんのでご安心ください。TinyMCEはドラッグ&ドロップの動作をより早く優れたものにするため、弊社が利用している第三者企業です。   ご不明な点がございましたら、サポートチームまでお問い合わせください。     >>「メール作成:編集操作」のまとめページに戻る

ドラッグ&ドロップエディタ 7月 8, 2021

投票フォームの作り方は?

目次 投稿機能とは? 投票フォームの作成・出力方法 投票フォームのサイズを変更する方法 投稿機能とは? 投票機能とはアンケート機能の簡易版のことです。1問のみで既存の選択肢から回答します。 投票の作成はとても簡単ですので、気軽な調査にお役立てください。 作成した投票フォームはWebサイトなどへ埋め込むことも可能です。 投票フォームの作成・出力方法 1.ダッシュボードメニューから「コンタクトリスト」>「投票」を選択します。 2. 「投票の作成」ボタンをクリックし、詳細を入力していきます。 <投票名> 投票の管理名を記入してください。ユーザーには表示されません。 <アンケート詳細> 質問:質問項目でユーザーに問いかけたい内容を記入します。 回答:ラジオボタン形式で最大5項目まで設定できます。(初期設定で2項目表示されています。)それぞれ全角12文字まで入力可能です。 項目を増やすには「追加」をクリックしてください。 ボタンテキスト:回答結果を送信するボタンテキストの文言を変更できます。初期設定では「送信」と表示されます。 <デザイン> プレビューを見ながら以下の設定ができます。 質問文の文字色・フォント/回答文の文字色・フォント/フォームの背景色 6. 「保存&完了」ボタンをクリックします。 7.共有するためのURLとHTMLコードが表示されます。 URL:Benchmark Emailのサーバー上に生成された専用ページURLです。メールやSNSへリンクを貼る際に使ってください。 HTMLコード:ウェブサイトの場合は、このコードを貼り付けて直接埋め込むこともできます。 投票フォームのサイズを変更する方法 デフォルトの横幅は220pxです。 HTMLコードでサイトへ設置する場合のみ、横幅を指定できます。 HTMLコードをコピーしテキストファイルへ貼付けます。 コード内で w=220と表記されている部分を探します。このw=220が投票機能の幅を表します。この幅を300ピクセルにする場合はw=300と変更します。  例: <script type='text/javascript' language='JavaScript' src='http://www.benchmarkemail.com/Poll/Start?g=9999&id=999999&w=300&url='></script> 作成したHTMLコードをホームページへアップロードします。ブラウザの更新ボタンなどをクリックして反映を確認します。 上記を行ったにも関わらず変更が確認できない場合は、ブラウザのキャッシュを削除してから再度確認してください。 ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「アンケート/投票/コミュニティ/アーカイブ」のまとめページに戻る

アンケート&投票機能 10月 15, 2020

メールを印刷したり、PDFとして保存する方法

Benchmark Emailでは、メールの編集画面またはプレビュー画面から印刷したり、PDFとして保存したりすることができます。 以下の順にご説明します。 メールを作成中に印刷・保存する方法 作成したメールをプレビュー画面で印刷・保存する方法 背景色や画像が上手く印刷・保存できない場合の対処方法 メールを作成中に印刷・保存する方法 ドラッグ&ドロップで作成されるメールの場合は、以下のステップに従ってください: 1. ダッシュボードの「メール」をクリック後、画面右上にある「メール作成」をクリックし、「ドラッグ&ドロップ」を選択します。 2. 背景色や画像が印刷されるようお手持ちのプリンターの設定をご確認ください。(詳しくは最下部の対処法を参照) 3. チェックリストを入力し、編集画面よりページ右下にある「テスト」をクリックし、「印刷プレビュー」をクリックします。 4. 新しいタブが開きます。画面右上にある「Print(印刷)」をクリックします。 5. ここでメールをPDFとして保存したい場合は、表示されるプリントメニューで「PDFとして保存(Save as PDF)」をクリックし、「保存(Save)」ボタンをクリックします。 作成したメールをプレビュー画面で印刷・保存する方法 1. Benchmark Emailにログインします。 2. ダッシュボードメニューから「メール」をクリックします。 3. 「メール」を選択すると、メール一覧が表示されます。 4. PDFとして保存したいメールの右上のをクリックし、「プレビュー」を選択します。 5. スクロールダウンし、「正しく表示されない場合はこちら」のリンクをクリックします。ご注意:このリンクは全てのレイアウトに含まれていますが、メール作成時にリンクを削除した場合はこちらの方法で印刷・保存はできません。 6. ブラウザでメールを開いた後、印刷のショートカットキーである「Ctrl + P 」または「Cmd⌘ + P」を押します。プリントメニューが表示されますので、PDFとして保存または印刷できます。 7. プリント画面が表示されます。「PDFとして保存」をクリックします。 背景色や画像が印刷されない場合の対処方法 プリンター設定のオプション「背景色と画像を印刷する」は、初期設定では通常OFFになっております。各ブラウザでこのオプションをONにする方法は以下の通りです。なお、バージョンによって設定が異なる場合がございますのでご了承ください。   Internet Explore:画面右上の「歯車のマーク」→「印刷」→「印刷プレビュー」→「ページ設定」より、「背景の色とイメージを印刷する」のチェックボックスをオンにし、「OK」ボタンを押します。 Google Chrome:右上の「︙」をクリック→「印刷」→「詳細設定」より、「背景のグラフィック」のチェックボックスをオンにします。 Firefox:「ファイル」をクリックし「ページ設定」より、「背景色と背景画像を印刷」のチェックボックスをオンにします。   ご不明な点がございましたら、こちらよりサポートへご連絡下さいませ。     >>「メール作成:設定管理」のまとめページに戻る

メール配信 3月 27, 2021

リンクの色の変更と下線を表示させない方法

目次 テキストリンクの色を変更する方法 テキストリンクの下線を表示させない方法 デフォルトでは、テキストリンクの色は以下のように表示されます。 クリック前リンク=青 : クリック済リンク=紫 クリック前リンク クリック済リンク ただし、リンクカラーをコーディングで指定していない場合は購読者側の設定色が優先表示されます。そのため、受信側のメーラーの設定により、受信者ごとにメールに貼ったリンクが異なる色で表示されることがあります。 以下の方法で色を設定すると、受信側メーラーによる設定よりも優先して設定した色が表示されます。 テキストリンクの色を変更する方法 1. メールの編集画面で、編集したいブロックにカーソルを合わせると緑の枠が表示されますのでクリックします。 2. 色やデザインの変更をしたいテキストをハイライトします。必ずテキストを選択してハイライトを行なってください! 3. ブロックのツールバーから、以下のテキスト編集オプションをご利用いただけます。 【B:太字】【I:斜体】【T:下線】【取消線】【テキストカラー】【フォントスタイル】【フォントサイズ】 テキストカラーを使って、テキストリンクの色をデフォルトの青色から緑色に変更しました!   リンクの下線を表示させない方法 ブロックのツールバーの「下線」を使って、下線の非表示が可能です。 1. 対象のリンクが含まれているブロックをクリックし編集可能な状態します。 2. リンクを選択(ハイライト)します。 3. 下線のアイコン(緑色)をクリックします。 4. 下線は表示されなくなり、下線のアイコンは黒色になります。 注:テキストの編集が反映されない、変更ができない場合は、以下のFAQを参考にテキストの貼り付けを行なってください。 FAQ:Benchmark Emailへコピー&ペーストすると、テキストの書式が変わってしまうのはなぜですか? また、コードでリンクのデザインを変更されたい方は以下のFAQをご覧ください。 FAQ:ドラッグ&ドロップエディタのコードを編集する際のテクニック集 ご不明な点がございましたら、サポートまでご連絡ください。     >>「メール作成:編集操作」のまとめページに戻る

ドラッグ&ドロップエディタ 1月 15, 2021

画像の位置調整・枠を編集する方法

ドラッグ&ドロップエディタでは、画像を自由に編集できるよう多数の画像ブロックを取り揃えております。そのブロック内で画像の位置を調整したり、枠の編集をすることが可能です。ここでは、以下の各ブロックで位置調整する方法をご紹介します。 目次: 画像の位置調整をする方法 画像ブロック 画像グループブロック/画像+キャプションブロック 画像カードブロック 画像カードブロックを使って枠を編集する方法 パソコンから画像をアップロードし、ブロックに挿入する方法 画像の位置調整をする方法   <画像ブロック>   1. メール本文に画像ブロックをドラッグ&ドロップ、または挿入済みの画像ブロックをクリックします。 2. 画面左に画像ブロックオプションが表示されます。 3. サイドの空白枠および上下の空白枠の設定は、それぞれ緑の点を左右にスクロールして調整します。 4. 「画像の位置調整」オプションで位置を調整します。画像で余白が全て埋まっている場合は、調整後も見え方は変わりません。 5. 「保存&閉じる」をクリックします。 <画像グループブロック・画像キャプションブロック> 複数の画像を挿入した場合や画像キャプションブロックを使用している場合は、以下のように画像の位置調整を行います: 1. ブロックをクリックします。 2. 画面左に「設定」と「コンテンツ」の2つのタブが表示されます。 「設定」タブでは、ブロック全体のサイドの空白枠および上下の空白枠の設定が可能です。 「コンテンツ」タブでは、画像と画像の間隔を調整することができます。 3. ブロック内の画像をダブルクリックすると、画像の位置調整や編集オプションが表示されます。「編集」オプションでは、画像サイズの変更、テキストや画像のフレームを追加することが可能です。 4. 「保存」をクリックします。 <画像カードブロック> 1. 画像カードブロックをクリックします。 2. 画面左にタブが2つ表示されます。 「設定」タブでは、サイド空白枠および上下の空白枠を編集できます。 「コンテンツ」タブでは、テキストの位置、画像エリア、画像の位置調整および画像表示の編集が可能です。 3. 代替テキストを追加するには、画像をダブルクリックしボックスに入力してください。 4. 完了しましたら、「保存&閉じる」をクリックします。 他のブロック(ボタンブロック、ソーシャルメディアブロックやナビゲーションバーブロック)は、上記のブロックと同様に画面左のコンテンツタブより、画像の位置を調整することができます。 例)ソーシャルメディアブロック(配列でアイコンの位置調整が可能) 画像カードブロックを使って枠を編集する方法 1.画像カードブロックをエディタへとドラッグ&ドロップします。 2.画面左に表示される設定タブよりボーダー(枠線)や線の太さ、スタイル、カラーの編集が可能です。 パソコンから画像をアップロードし、ブロックに挿入する方法 上記でご紹介した画像ブロックにアップロードした画像を挿入する方法は以下の通りです。 1. 挿入したい画像のブロックをメール本文にドラッグ&ドロップします。 2. ブロックをダブルクリックし、「画像ギャラリー」に移動します。 3. 上部のグレーボックス内の「ファイルの検索」をクリックし、アップロードしたい画像を選択します。 4. アップロードが完了しましたら、「挿入」ボタンをクリックします。 Benchmark Emailでは基本的な画像編集ができる「画像編集エディタ」をご用意しております。詳細は、以下のFAQをご覧ください。 FAQ:画像のサイズや色を編集する方法 ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「メール作成:編集操作」のまとめページに戻る

ドラッグ&ドロップエディタ 5月 10, 2021