---
title: Menu linklerini ekleme
description: Header bölümüne menu linklerini ekleme.
---

<Video src="/media/ikas-studio/basic-examples/header/adding-menu-links.mp4" autoPlay muted loop controls />

## Çerçeve ekleme

`Menu linkleri` çerçevesinin içerisine **Elementler** kısmından bir **Çerçeve** ekleyin ve üzerine sağ tıklayarak **Stili Temizle** işlemini uygulayın. Ardından aşağıdaki stil özelliklerini güncelleyin:

- `gap`
- `overflow`
- `scroll-snap-type`
- `scrollbar-width`

## Veri ekleme

Sağ kısımın en üstünde yer alan **Veri Ekle** butonuna tıklayın. Açılan modaldan **Link List** veri tipini seçin. Görünen adını `Menu Links` olarak güncelleyin ve varsayılan olarak `Anasayfa`, `Ürünler` ve `İletişim` sayfalarını ekleyin.

<Callout type="info" title="Varsayılan değerler">
Varsayılan olarak eklediğiniz sayfalar, bölüm detayında veya yeni bir header eklendiğinde bu değerlerle birlikte gelir. Kullanıcı bu verileri dilediği gibi değiştirerek kullanmaya devam edebilir.
</Callout>

<Callout type="info" title="Link List veri yapısı">
Link List veri yapısı iç içe maksimum 3 kırılım girilecek şekilde tasarlanmıştır. Bu örnekte yalnızca ilk kırılımın listelenmesi gösterilmektedir.
</Callout>

## Veri bağlama

Eklediğiniz çerçeveye sağ tıklayarak **Veri Bağla** kısmından `menuLinks` > `links` verisini seçin. Açılan modalda **List Component Name** alanına `MenuLinks` yazın ve **Kaydet**'e basın.

## Item içeriğini yapılandırma

Oluşan liste element'ine çift tıklayarak item seviyesine inin. İlk element'i seçerek **Elementler** kısmından bir **Yazı** element'i ekleyin. Sağ kısımdaki **İçerik** alanına tıklayarak **Veri Bağla** seçeneğinden `menuLinksItem` > `label` verisini seçin. Ardından `font-weight` ve `color` stillerini güncelleyin.

## Link ve koşul bağlama

İlk element'i seçerek sağ kısımdaki **Link** altında bulunan **href** alanına tıklayın. **Veri Bağla** seçeneğinden `menuLinksItem` > `href` verisini seçin. Temaya ekli olan sayfalar link olarak eklenebilir.

<Callout type="info" title="Sayfalar">
Sayfalar hakkında daha detaylı bilgi için [Sayfalar](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/pages) sayfasını inceleyebilirsiniz.
</Callout>

Ardından **Open in new tab** kısmına sağ tıklayarak **Koşul Ekle** seçeneğini seçin. **Veri Bağla** altından `menuLinksItem` > `openInNewTab` verisini bağlayın.

<Callout type="info" title="Koşullar">
Koşullar hakkında daha detaylı bilgi için [Koşullar](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/elements/conditions) sayfasını inceleyebilirsiniz.
</Callout>

## Sonuç

Menu linklerini header bölümüne eklemiş oldunuz. Artık kullanıcılar bu linkleri içerik modunda düzenleyerek kendi sayfalarına yönlendirebilirler.