---
url: "/ja/emailify/elements/navbar.md"
description: "リンクごとにURLを設定できる、ナビゲーションリンクのメニューを追加します。"
---

# ナビゲーションリンク

> リンクごとにURLを設定できる、ナビゲーションリンクのメニューを追加します。

**🍔 Navigation Links**要素レイヤーを使うと、ナビゲーションリンクを含むメニューバーを追加できます。

## 🔗 Navigation Linksの要素 {#🔗-navigation-links-elements}

🍔 **Navigation Links**のFigmaレイヤーを選択すると、次のオプションが表示されます。

- 🔗 [Navigation Link](#navigation-link)

### 個々のナビゲーションリンク {#navigation-link}

Navigation Linkを使うと、既存の🍔 **Navigation Links**要素にメニュー項目を追加できます。

#### ナビゲーションリンクのレイヤーにハイパーリンクを追加する {#add-hyperlinks-to-navigation-link-layers}

🔗 Navigation Linkレイヤーにハイパーリンクを追加するには、Emailifyプラグインのヘッダーにある**Settings**ボタンをクリックし、🔗 Navigation Linkレイヤーをクリックします。リンクの入力欄にURLを貼り付けられるようになります。

メールをHTMLにエクスポートすると、このURLは自動的に``リンクタグに変換されます。

## 「Quick Add」機能で新しいEmailifyレイヤーを追加する {#using-the-quick-add-feature-to-add-new-emailify-layers}

[Video](/assets/videos/emailify/element-contexts.mp4)

Emailifyでは、Figmaのデザインにレイヤーとして追加される専用のレイアウトブロックとコンテンツ要素を使ってデザインを組み立て、プラグインからHTMLにエクスポートできます。

これらのレイアウトブロックやコンテンツ要素を追加するには、Emailifyフレームを1つ以上作成しておき、そのフレームをクリックします。プラグイン下部に**Quick Add Element**コンテキストメニューが自動で表示されるので、追加したい要素をクリックし、**Add +** ボタンをクリックすると、選択したレイヤーに追加されます。

> **Tip:** コンテキストメニューに表示されるオプションは、現在選択しているFigmaのレイヤーに応じて変わります。

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