Canvaホーム
ヘルプ

コンテンツやデザイン素材を追加


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

レイアウトが完成したら、魅力的なコンテンツを追加しましょう。メール用の素材を追加してメッセージを引き立てたり、商品を紹介したり、ニュースを共有したり、クリックを促したりできます。

Canvaメールの動画の特化型テンプレート

Canvaメールのエディターは柔軟に使えますが、すべての素材がメールに適しているわけではありません。プラットフォームやデバイスによって、相性のよい素材は異なります。

構成が整っていて、受信トレイでも見やすいコンテンツを作るために、次の素材を活用しましょう。

デザインブロック

デザインブロックは、テキスト、画像、図形、背景などをまとめた、あらかじめ作成されたセクションです。コンテンツを整理し、モバイル端末での表示を最適化するのに役立ちます。

基本的なデザインブロックには、ヘッダー、フッター、アイコンブロックがあります。いずれもメールの重要なエリアを明確にするのに役立ちます。

  • ヘッダーは上部に配置し、ロゴや短い紹介文を入れることがよくあります。
  • フッターは下部に配置し、通常は連絡先情報、配信停止リンク、免責事項などを記載します。
  • アイコンブロックは、機能、メリット、重要なポイントを目立たせたり、読者をソーシャルメディアに誘導したりするための、短いテキストを添えたクリック可能なアイコンのグループです。

メール対応フォント

メールクライアントで正しく表示されることが保証されているのは、メール対応フォントのみです。メールに対応していないフォントは、受信者がメールを閲覧した際に別のフォントに置き換えられることがあります。表示を統一するため、Canvaのメール対応フォント一覧にあるフォントを必ず使用してください。

ボタン

「今すぐ購入」や「出欠を返信」など、重要な行動喚起(CTA)を目立たせるには、ボタンを使いましょう。目を引いてクリックを促せるよう、短く、わかりやすく、視覚的に目立つデザインにします。

画像

メッセージを引き立てるため、ブランドイメージに合ったビジュアルや商品画像を追加しましょう。サイズと配置が適切であることを確認してください。詳しくはデザインに画像を追加するをご覧ください。

動画、アンケート、クイズなどのインタラクティブな要素は、ほとんどのメールプラットフォームではサポートされていません。

  • 動画がGIFに変換されます
  • 投票とクイズは静的コンテンツとして表示されます(クリック不可)

列

商品機能、比較、テキストと画像の組み合わせなど、コンテンツを横並びに表示するには列を使いましょう。複雑な情報を整理するのに便利です。

各素材を追加してカスタマイズする

各素材をブランドやメールの目的に合わせてスタイリングする手順をご紹介します。デザインに合う場所に追加できます。

メールセーフフォントを選ぶ

重要:メールセーフフォントのみが、メールプラットフォーム全体で正しく表示されることが保証されています。 メールセーフではないフォントを選択した場合、意図したとおりにレンダリングされない可能性があり、受信者に配信されるとフォールバックフォントに置き換えることができます。 最適な結果を得るため、常にCanvaのメールセーフフォントリストから選択してください。

  1. ツールバーで[フォント]ボタンを選択します。 デフォルトでは、フォントはArialに設定されています。
  2. [フォント]パネルで、Canvaのメールセーフフォントのリストから選択します。
  3. ツールバーの+/-ボタンを選択すると、フォントサイズを調整できます。

メールの読みやすさのために、以下を使用してください。

  • 本文テキストは14〜16ピクセル
  • 見出しとタイトルは20〜30ピクセル

段落間隔を調整する

CanvaドキュメントやCanvaメールでは、段落、行、文字の間隔を細かく調整できます。読みやすく、好みの書式に合った文書を作成するのに役立ちます。

  1. 調整したいテキストを選択します。
  2. テキストツールバーで
    詳細設定 を選択します。
  3. 段落の間隔を調整します。スライダーを使うか値を入力して、段落の前後の間隔を設定します。
  4. 必要に応じて、行間隔と文字間隔を調整します。

背景色を追加する

ブランドに合わせてデザインに背景色を追加するか、特定のセクションを強調表示します。 ブランドキットまたはドキュメントカラーからカラーを選択します。

  1. ページコーナーをクリックしてページを選択します。
  2. 背景 色アイコンを選択します。
  3. [色]パネルから、[ドキュメントの色]または[ブランドキット]から色を選択します。
  4. お探しの色が利用できない場合は、+レインボーカラータイルを選択して新しい色を追加します。

列を含む構造を追加する

列を使用してメールのレイアウトを構成し、コンテンツを横に並べて整理します。 列は応答性が高く、モバイルでは自動的に垂直に積み重ねられます。

  1. メールのデザインから[
    素材]タブに移動して[列]を選択します。
    1. [Basic]列、[Styled]列、[Pre - designed]列から選択します。
    2. 選択すると、レイアウトに合ったものが挿入されます。
  2. または、テキストカーソルの横にある
    プラスアイコンを選択します。 下にスクロールして[列]を選択します。
    1. 好みの列レイアウト( 2列または3列など)を選択します。
    2. 各列の内側をクリックして、テキスト、画像、ボタンを追加します。
    3. 区切り線をドラッグして、列のサイズを変更します。

ブロック間隔を調整する

CanvaドキュメントやCanvaメールで、画像やレイアウトなどのコンテンツセクション間の余白を調整できるため、画面サイズが異なってもデザインに統一感を持たせられます。

  1. 調整するブロック(画像、レイアウト、またはセクション)を選択します。
  2. エディターのツールバーで
    間隔 を選択します。
  3. ブロック間隔 のスライダーを使って、ブロック間の余白を微調整します。

デザインブロック(ヘッダーとフッター)を追加する

すべてのメールデザインでヘッダーやフッターなどのセクションを再利用することで、時間を節約し、一貫したレイアウトを作成できます。

  • ヘッダー–ロゴとブランドカラーをニュースレターの上部に配置します。
  • フッター–すべてのメールキャンペーンの下部に、連絡先の詳細、購読解除リンク、または法的免責事項を含めます。
  1. [
    素材]タブに移動し、[ヘッダー]または[フッター]を選択します。
  2. ブラウズしてクリックすると、レイアウトに合ったものが挿入されます。

デザインの端にヘッダーまたはフッターを設定する

メールレイアウトの上端または下端に揃えるように、ヘッダーまたはフッターブロックを配置します。

  1. デザインのヘッダーまたはフッターブロックを選択します。
  2. フローティングツールバーで、[
    その他]アイコンを選択します。
  3. メニューから次のいずれかを選択します。
    • 最上部に設定–ブロックをメールの最上部に移動します。
    • 下部に設定–下端に移動します。 注:ブロックがデザインキャンバスの端にスナップし、レイアウトがきちんと配置されたままになります。

一部の事前に作成されたメールフッターには、「購読解除」プレースホルダーが含まれています。 これは、デザインをHTMLとしてエクスポートする際に機能するリンクではありません。

Mailchimpのような電子メールサービスプロバイダ( ESP )を介して電子メールを送信する場合:

  • 送信前に、ESP内の配信停止リンクを追加または差し替える必要があります。
  • これは、CAN - SPAMやGDPRなどの電子メール法を遵守するために必要です。

登録解除リンクと設定の管理について詳しくはこちら。

アイコンのブロックを追加する

アイコンブロックは、シンプルなビジュアルと短いテキストを組み合わせます。 ソーシャルリンク、機能のハイライト、サービス特典などにご利用ください。 フッター、CTAの近く、またはセクションを視覚的に分割するのに適しています。

  1. エディターのサイドパネルから[
    要素]タブを選択します。
  2. アイコンブロックを選択します。
  3. デザインに適したアイコンブロック(通常はフッターまたはメインのCTA )を選択またはドラッグします。
  4. エディターのツールバーで、変更するカラータイルを選択します。 サイドパネルにカラーオプションが表示されます。
  5. アイコンに適用する新しい色を選択します。

Call - to - action ( CTA )ボタンを追加する

コールトゥアクション( CTA )ボタンを使用すると、読者は「今すぐ購入」、「詳細」、「サインアップ」などの特定のアクションを実行できます。 ボタンを追加すると、メールやデザインのエンゲージメントとクリックスルーが促進されます。

  1. CTAボタンを追加するには:
    1. [
      素材]タブに移動して、[ボタン]を選択します。
    2. または、
      プラスアイコンを選択し、[ボタン]を選択します。
  2. ボタン名を入力し、URLリンクを追加します。
  3. [完了]を選択します。
  4. ツールバーからボタンのスタイルをカスタマイズします(色、配置などを変更します)。

画像を追加

画像を使用すると、メールをより魅了し、視覚的に魅了します。 製品の写真、チーム写真、イラスト、在庫のビジュアルを追加して、メッセージやブランドをサポートできます。

プロのヒント:アップロードする前に大きな画像を圧縮して、メールの読み込み時間を短縮します。

  1. エディターのサイドパネルから[
    素材]タブを選択して、画像を参照または検索します。
  2. 自分の画像を使用するには、[
    アップロード]タブに移動し、[ファイルをアップロード]を選択してデバイスから画像を追加します。
  3. 画像を選択してメールに追加します。 必要に応じて、画像のサイズと位置を変更します。

コンテンツを追加したら、メールをプレビューしてダウンロードするか、テストメールを送信できます。

次のステップ: メールをテストしてエクスポートする

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています