メニューブロック

ヘッダーのリンクの列(ショップのカテゴリ、ブログ、アカウントなど)を、スマートフォンでは**☰ メニュー**ボタンの後ろにたたみます。長い列が折り返してごちゃごちゃになるのを防げます。

仕組み

メニューブロックを追加し、リンクごとにメニューのリンクを追加して、それぞれにテキストとリンクの URLを設定します。各リンクは個別のクリックとしてトラッキングされ、Insights › エンゲージメントのリンク表に名前付きで表示されます。

• メニューにまとめる: スマートフォンでは(既定)は狭い画面でだけ列をたたみ、常にはどこでもたたみます。
• たたみが動く環境(iOSのメール、iCloud Mail、Thunderbird、Yahoo Mail)では、受信者には☰ メニューのバーが表示され、タップするとその下にリンクが縦に並んで開きます。
• それ以外の環境では、リンクは1列のままです。これがすべてのアプリでのメニューのフォールバックです。

設定できる項目:

• 配置とリンクの区切り(線、点、スペース)。
• メニューボタンのテキスト: 空欄の場合は、メールの言語での「メニュー」になります。
• リンクの色、リンクの文字サイズ、メニューボタンの色、さらにブロックの背景、内側の余白、枠線、角の丸み。

テキストやURLのないリンクは、プリフライトチェックで警告されます。キャンバスでは、スマートフォンのプレビューにたたんだメニューが表示され、そのリンクの1つを選ぶとメニューが開きます。

例

関連ページ

• ブロックの概要
• テーマ、スマートフォン、ダークモード