お客さまへの大切なお知らせ：膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。

マーケティングEメールをモバイルデバイスに最適化（BETA)

更新日時 2024年 9月 18日

注：この機能は、ドラッグ＆ドロップEメールエディタを使用する場合にのみ利用可能です。カスタムコードEメールテンプレート、Eメールクライアントサイズやデバイスタイプの違いを考慮し、開発者がメディアクエリを作成する必要があります。

Eメールクライアントサポート

ほとんどの主要Eメールプロバイダーは、HubSpotがマーケティングEメールエディターで提供しているモバイル最適化設定をサポートしていますが、以下のEメールクライアントは現在モバイル最適化Eメールをサポートしていません：

上記のクライアントのいずれかを使用している場合、デスクトップまたはモバイルに特化したメディアクエリを挿入するHubSpotのモバイル最適化機能は、。デスクトップやモバイルで非表示に設定されたセクションも表示されます。

デスクトップまたはモバイルの受信者に表示されるモジュールまたはセクションをカスタマイズする：

Eメールエディタ内のクライアントタイプの切り替え

モジュールまたはセクションにカーソルを合わせ、hide 非表示アイコンをクリックすると、編集中のEメールのバージョンでそのモジュールを非表示にすることができます。
- 編集中のバージョンのすべての非表示モジュールを表示するには、Eメールエディタの上部にあるすべての非表示をクリックします。
- view 表示アイコンをクリックすると、そのバージョンのEメールの非表示モジュールを表示に戻すことができます。

デスクトップ上の非表示Eメールモジュール-1

左側のペインで、モバイルデバイスで最大幅として表示チェックボックスを選択して、モジュールまたはセクションがモバイル受信者のために全幅として表示されるようにすることができます。

モバイルクライアントとデスクトップクライアントで異なるレイアウト設定を行う：

左側のペインで、Contentタブをクリックします。
デスクトップとモバイルでEメールセクションの表示方法をカスタマイズする：
- Eメールのセクションのいずれかをクリックしてください。
- Visibility セクションで、All devicesスイッチをオフに切り替え、Desktopと Mobileのそれぞれのセクションで、ShowまたはHideをクリックします。

configure-section-visibility-for-デスクトップおよびモバイルEメールクライアント-0

- Layout」セクションで、「All devices」スイッチをオフに切り替え、デスクトップ用の列レイアウトとモバイル用のスタッキングレイアウトを設定する。

Eメールクライアント用configure-column and-stacking

- その後、モバイルまたはデスクトップクライアント用にセクションのスタイルを編集することができます。ボディカラー、ボーダー幅とタイプ、背景タイプ、モバイルまたはデスクトップ受信者に関連付けされた背景カラーを編集します。
デスクトップまたはモバイルの受信者にテンプレートを表示する方法をカスタマイズするには：
- 左側のペインで、Designをクリックします。
- テンプレートセクションで、すべてのデバイススイッチをオフに切り替えます。
- その後、モバイルまたはデスクトップクライアント用のテンプレートスタイルを編集することができます。ボディカラー、ボーダー幅とタイプ、背景タイプ、モバイルまたはデスクトップ受信者に関連付けされた背景色を編集します。

テンプレート別デスクトップとモバイルのカスタマイズ

この記事はお役に立ちましたか？はいいいえ

こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。