区切り線（ディバイダーブロック）の使い方

ドラッグ&ドロップエディタ よくある質問 更新日 6月 12, 2020

区切り線（ディバイダーブロック）は、メールやランディングページの作成に大変便利な機能です。コンテンツの各セクションを区切ることで読みやすくすっきりとしたデザインになります。

ここでは、ドラッグ＆ドロップエディタで区切り線を挿入する方法や、画像とブロック周囲の余白を調整する方法をご紹介します。

区切り線の挿入方法

左のブロックから「区切り線」ブロックを選択し、挿入したいセクションにドラッグ＆ドロップします。ドロップすると、左側に区切り線の設定画面が表示されます。

詳細設定

背景色

画面左の円をクリックし、色彩パレットから色を選択します。カラーコード（hex値）を使用する場合は、ボックス内にコードを入力してください。

幅

0〜99pxの範囲で、上幅と下幅を設定できます。

行間

緑のポインターをスライドし、0〜20pxの範囲で左右の行間を調整します。

ラインの種類

区切り線のデザインを選択し、幅の変更も可能です。色彩パレットから色を選択します。カラーコード（hex値）を使用する場合は、ボックス内にコードを入力してください。

区切り線の設定画面に戻るには、メール内に挿入された区切り線ブロックをクリックすると左に設定画面が表示されます。

使い方のおすすめ

区切り線は余白としても使用することができます。線の幅を0pxにし、無色にすることで綺麗ですっきりとしたデザインになります。

カスタム区切り線

カスタム区切り線の画像を使いたい場合は、区切り線ブロックではなく、画像ブロックを使用します。画像ブロックを開き、カスタム区切り線の画像をメールにドラッグします。

メールに挿入した全てのブロックには、余白を追加することが可能です。画像の挿入については以下のFAQをご参照ください。

FAQ：画像をメールに掲載する方法

メールのデザインにコラムを3つ使用している場合は、コラムに区切り線を挿入することができます。

ヘッダーとサブヘッダーの間に区切り線を使用すると、より読みやすくなります。また、各セクションの終わりやメールの最後に区切り線を使うこともできます。

メールのコンテンツが一番重要ですので、区切り線が目立たない様、区切り線を太くしすぎたり濃い色を使いすぎたりしないように注意しましょう。

Benchmark Emailでは無料テンプレートをたくさんご用意しております。簡単にクリエイティブなメールを作成することができます。

ドラッグ＆ドロップエディタについてご不明な点がございましたら、こちらよりサポートへご連絡下さいませ。

FAQの情報は役に立ちましたか？