---
url: "/ja/emailify/content/link-nav-menu.md"
description: "メール内のナビゲーションメニューバーのリンクに、クリック可能なURLを追加できます。"
---

# メールのナビゲーションメニュー項目にリンクを追加する

> メール内のナビゲーションメニューバーのリンクに、クリック可能なURLを追加できます。

[Video](/assets/videos/emailify/content/linking-nav-menu.mp4)

メールデザインに新しいナビゲーションメニューバーのレイヤーを追加するには、任意のColumnレイヤーまたはHeroレイヤーをクリックし、Quick Addのドロップダウンメニューから**Navigation Links**オプションを選択して、**Add +** ボタンをクリックします。新しいナビゲーションバーのレイヤーがレイアウトに挿入されます。このレイヤーには、仮のナビゲーション項目リンクもいくつか含まれています。

リンクのスタイルを好みに合わせて整えたら、Figmaで任意の**Link**レイヤー（Navigation Linksレイヤー内にネストされています）をクリックし、**Settings**ボタンをクリックして、**Clickable Link URL**入力欄にURLを貼り付けます。これで、ナビゲーションリンクをクリックするとそのURLがブラウザで開きます。

Linkレイヤーを追加することもできます。プラグインが作成した新しい**Navigation Links**のFigmaレイヤーをクリックし、Quick Addのドロップダウンメニューから**Link**オプションを選択して、**Add +** ボタンをクリックすると、Navigation Links要素に新しいリンクとしてレイヤーが自動的に追加されます。

> **Tip:** iOSのApple Mail向けのプログレッシブエンハンスメントとして、Navigationレイヤーのリンクに[ハンバーガーメニュー](/ja/emailify/design/mobile-hamburger-menu)の切り替えを任意で有効にできます。

Emailifyのリンク入力欄やFigmaのテキストハイパーリンクで追加したリンクについて、HTMLエクスポートでは実行可能な`javascript:`と`vbscript:`のリンク先を除外します。動的テンプレートリンクと画像のソースURLの動作は変わりません。

> **Tip:** **Settings**を開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、[設定を一括で適用](/ja/emailify/design/settings#apply-settings-in-bulk)できます。変更した設定は、選択したすべてのレイヤーに適用されます。