> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Navbar ve Footer > Menü bağlantıları ve modal pencereler hazırlayın; yazı veya buton içeriğini, simgeleri, sekmeleri ve alt menü ilişkilerini düzenleyin. Sayfa Yaratıcı’da **Navbar**, üst menü kartlarının bulunduğu alandır. **Footer Menü**, önizlemenin altındaki bağlantı gruplarını düzenler. Soldaki **İletişim ve footer** bölümü ise sosyal hesap adresleri içindir. [![Navbar düzenleme alanı, Footer Menü, Sosyal hesaplar](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/27-menu-konumlari.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=1749ab0007a7cb5eed6358d9b9a40d84)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/27-menu-konumlari.png) > [card] 1. Navbar düzenleme alanı > > Üst menü kartlarını ve yeni öğe ekleme düğmesini burada kullanın. > [card] 2. Footer Menü > > Alt menüyü ok düğmesiyle açın; grupları ve bağlantıları düzenleyin. > [card] 3. Sosyal hesaplar > > Facebook, X, Instagram, YouTube ve Discord adreslerini bu bölümden girin. ## Düzenleyeceğiniz öğeyi açın Ana menü kartının yanındaki **ok**, alt bağlantıları açıp kapatır. Bir öğenin kendi **kalem** düğmesine basarak o kaydı düzenleyin. Yeni öğe için Navbar yanındaki **+** düğmesini kullanın. [![Alt menüyü açın, Taşıma tutamacı, Öğeyi düzenleyin](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=86656a7023c4dd634f80c5efdc98d734)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler.png) > [card] 1. Alt menüyü açın > > Kartın yanındaki ok, alt bağlantıları açıp kapatır. > [card] 2. Taşıma tutamacı > > Öğeyi kendi sırasına veya başka bir ana menünün altına taşıyın. > [card] 3. Öğeyi düzenleyin > > Kalem, ilgili bağlantının ayarlarını açar; her öğenin araçları ayrıdır. Sağ/sol oklarla yatay şeritte görünmeyen kartlara ulaşabilirsiniz. Önizleme içindeki ziyaretçi menüsü gezinmek, onun üzerindeki Navbar kartları menüyü düzenlemek içindir. ## Ortak menü alanlarını doldurun **Menü Başlığı**, ziyaretçinin tıklayacağı addır. **Icon** alanından bir simge seçin; seçici açıldığında simgeyi adıyla arayabilirsiniz. **Üst Menü** ile bağımsız öğe veya başka menünün alt bağlantısı olmasını belirleyin. **Kendine Menü**, bağımsız ana öğedir. Başka bir menüyü seçtiğinizde öğe onun altına yerleşir. Başlık alanına başka menünün adını yazmak bu ilişkiyi kurmaz. **RGB** seçeneği, sunulduğu menüde renk efektini yönetir. **Alt Bilgi** alanında öğeye ait ek açıklamayı hazırlayın. Menü tipi, tıklandığında ne olacağını belirler: **Normal Link** bir adres açar, **Modal** aynı sayfanın üzerinde pencere açar. ## Bir sayfaya yönlendiren bağlantı ekleyin 1. Menü başlığını ve simgesini hazırlayın. 2. **Menü Tipi → Normal Link** seçin. 3. **Sayfa Türü** seçicisinden hedef sayfayı bulun. Seçim ek bir ürün, kullanıcı veya sayfa bilgisi istiyorsa ilgili alanı doldurun. 4. Adresi kendiniz girecekseniz **Özel Sayfa** seçip site içi yolu veya tam dış adresi yazın. 5. **Sekme Durumu** ile aynı veya yeni sekmeyi seçin. 6. Üst menü ilişkisini ve görünüm tercihlerini kontrol edip **Yayınla** ile kaydedin. [![Menü başlığı, Simge, Menü tipi, Bağlantı ve sekme, Sekme durumu, Alt bilgi, Üst menü ilişkisi, RGB görünümü](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/15-normal-menu.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=a0d9b112c312df21dac1f3c953168984)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/15-normal-menu.png) > [card] 1. Menü başlığı > > Ziyaretçinin üst menüde göreceği adı girin. > [card] 2. Simge > > Menü başlığının yanında kullanılacak simgeyi seçin. > [card] 3. Menü tipi > > Bir sayfaya geçmek için Normal Link seçin. > [card] 4. Bağlantı ve sekme > > Hedef adresi yazın, aynı sekme veya yeni sekme seçimini yap. > [card] 5. Sekme durumu > > Bağlantının mevcut veya yeni sekmede açılmasını seçin. > [card] 6. Alt bilgi > > Menü öğesine eşlik edecek ek açıklamayı hazırlayın. > [card] 7. Üst menü ilişkisi > > Alt öğe olacaksa bağlı olduğu menüyü seçin. > [card] 8. RGB görünümü > > Renkli menü efektini bu seçenekle açıp kapatın. Örneğin Yardım Merkezi başlıklı bir öğeyi sitenizin yardım sayfasına bağlayabilirsiniz. Oluşturduğunuz bir içeriği menüye koymak için [Özel Sayfalar](https://docs.zonely.gen.tr/guides/special-pages.md) rehberini inceleyin. ## Modal nedir, ne zaman kullanılır? **Modal**, ziyaretçi menüye tıkladığında mevcut sayfanın üzerinde açılan penceredir. Kısa bir açıklama göstermek veya birkaç bağlantıyı tek pencerede toplamak için kullanabilirsiniz. Hedef URL’ye gitmek yerine pencere içeriği gösterilir. Modal menüyü hazırlarken önce **Menü Tipi → Modal**, ardından **Modal İçeriği** seçimini yapın. **Sadece Yazı** bir açıklama, **Butonlar** ise tıklanabilir bağlantılar sunar. ### Sadece Yazı ile açıklama gösterin 1. Yeni öğenin **Menü Başlığı** alanına örneğin Destek Bilgileri yazın. 2. Simgeyi seçin ve **Menü Tipi → Modal** yapın. 3. **Modal İçeriği → Sadece Yazı** seçin. 4. Açılan **Modal Yazısı** alanına ziyaretçiye gösterilecek açıklamayı yazın. 5. Gerekirse **Üst Menü** ile pencereyi açacak öğeyi bir grubun altına yerleştirin. 6. Görünüm tercihlerini kontrol edip **Yayınla** düğmesine basın. [![Menü başlığı, Simge, Modal menü, İçerik türü, Modal yazısı, Menü konumu, Renk efekti](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/16-metin-menu.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=245dda3361c8d4cd83269fdbbe689139)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/16-metin-menu.png) > [card] 1. Menü başlığı > > Ziyaretçinin tıklayacağı menü adını yazın. > [card] 2. Simge > > Menüye uygun bir simge belirleyin. > [card] 3. Modal menü > > Menü tipini Modal, içeriğini Sadece Yazı olarak seçin. > [card] 4. İçerik türü > > Bu pencerede açıklama göstermek için Sadece Yazı seçin. > [card] 5. Modal yazısı > > Menüye tıklanınca açılan pencerenin içeriğini yazın. > [card] 6. Menü konumu > > Modal öğeyi de bir üst menünün altına yerleştirebilirsin. > [card] 7. Renk efekti > > Menü başlığının RGB efektini isteğe göre açın. Bu türde normal bağlantı adresi yerine Modal Yazısı kullanılır. Kısa destek açıklaması, topluluk bilgisi veya ziyaretçinin sayfadan ayrılmadan okuyabileceği bir metin hazırlayın. Kaydettikten sonra ziyaretçi görünümünde bu menüye tıklayın. Metnin doğru geldiğini ve pencerenin kapatılabildiğini kontrol edin. Metni değiştirmek için aynı menünün kaleminden formu açıp **Güncelle** işlemini kullanın. ### Butonlar ile birkaç hedef bağlantı sunun Menü tipini **Modal**, içeriği **Butonlar** seçin. **Buton Ekle** düğmesiyle satır açın. Her satırın üç alanını doldurun: * **Buton Başlığı:** Pencerede tıklanacak yazıdır; örneğin Discord Topluluğu. * **Buton URL:** O düğmenin açacağı adrestir. * **Buton Renk:** Düğmenin görünüm rengidir. [![Menü başlığı, Butonlar modu, Buton Başlığı, Buton URL, Buton Renk, Buton Ekle, Üst menü, RGB](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/18-buton-menu.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=6959df283d18d8d26e75abc39b51c90a)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/18-buton-menu.png) > [card] 1. Menü başlığı > > Bağlantılar penceresini açacak menü adını yazın. > [card] 2. Butonlar modu > > Açılan pencerede birden fazla hedef bağlantı gösterin. > [card] 3. Buton Başlığı > > Pencerede tıklanacak düğmenin adını yazın. > [card] 4. Buton URL > > Bu düğmeye tıklandığında açılacak adresi yazın. > [card] 5. Buton Renk > > Düğmenin görünüm rengini seçin. > [card] 6. Buton Ekle > > Yeni satır açın; Sil düğmesi yalnız ilgili satırı kaldırır. > [card] 7. Üst menü > > Öğeyi bağımsız veya başka menünün altında konumlandırın. > [card] 8. RGB > > Menü başlığının efekt tercihini belirleyin. İkinci bir düğme için yeniden **Buton Ekle** kullanın. Örneğin bir düğmeyi Discord’a, diğerini Yardım Merkezi’ne bağlayabilirsiniz. Her satır kendi başlık, adres ve rengine sahiptir. Satırın **Sil** düğmesi yalnız ilgili butonu kaldırır. Menünün üst menü ilişkisini, simgesini ve diğer görünüm alanlarını da tamamlayıp kaydedin. Ziyaretçi görünümünde menüyü açın; her düğmeyi tıklayıp kendi hedefini kontrol edin. ## Navbar sırasını ve alt bağlantıları değiştirin Kartı **taşıma simgesinden veya başlık alanından** tutun. Aynı seviyede sıralamak için iki ana kartın arasındaki yer işaretine bırakın. Bir bağlantıyı başka menünün altına almak için hedef ana kartın ortasına götürün. Alt liste açıldığında istediğiniz sıraya bırakın. Alt bağlantıyı yeniden ana öğe yapmak için açık listeden yatay Navbar sırasına çıkarın. Yapı **ana menü + alt öğe** olarak iki seviyelidir. Alt bağlantıları bulunan bir grubu başka grubun içine alarak üçüncü seviye oluşturamazsınız. Taşırken düzenleme, silme veya açılır ok düğmelerini değil taşıma alanını tutun. ## Footer bağlantılarını hazırlayın Önizlemenin altındaki **Footer Menü** şeridini ok düğmesiyle açın. Grup başlıkları ve alt bağlantılar ayrı kartlar olarak görünür. Her kaydın kalemi kendi düzenleme formunu açar. [![Footer araçları, Ana grup, Alt bağlantı, Grup ayarları](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/30-footer-gruplari.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=5bd501446949f8dffe4a7e0b58be0bdf)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/30-footer-gruplari.png) > [card] 1. Footer araçları > > Paneli açıp kapatın veya Öğe Ekle ile yeni kayıt hazırlayın. > [card] 2. Ana grup > > Grubu taşıyarak alt menünün kolon sırasını değiştirin. > [card] 3. Alt bağlantı > > Bağlantıları grup içinde sıralayın veya başka gruba taşıyın. > [card] 4. Grup ayarları > > Her grup ve bağlantının kendi düzenleme araçlarını kullanın. **Öğe Ekle** ile yeni kayıt açın. Başlık ve simgeyi girin. Normal bağlantı için sayfa türünü, hedefi ve sekme tercihini belirleyin. **Üst Menü** alanında bağımsız öğe veya bağlı olacağı grubu seçin. [![Alt menü öğesi, Simge, Menü tipi, Hedef bağlantı, Sekme, Alt menü grubu](https://mintcdn.com/zonely-a8cd49e7/FGWh48NIH6dxrMpq/images/panel/content-appearance-20261026/menus/19-footer-menu.png?fit=max\&auto=format\&n=FGWh48NIH6dxrMpq\&q=85\&s=8c6a184dd4394184686433f1b32553ee)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/19-footer-menu.png) > [card] 1. Alt menü öğesi > > Footer’da gösterilecek başlığı yazın. > [card] 2. Simge > > Footer bağlantısının simgesini seçin. > [card] 3. Menü tipi > > Normal bağlantı veya modal pencere seçin. > [card] 4. Hedef bağlantı > > Ziyaretçinin açacağı adresi ve sekme seçimini belirleyin. > [card] 5. Sekme > > Hedefin aynı veya yeni sekmede açılmasını belirleyin. > [card] 6. Alt menü grubu > > Öğeyi kendi başına veya başka menünün altında gösterin. Footer’da da **Menü Tipi → Modal** kullanabilirsiniz. **Sadece Yazı** seçildiğinde Modal Yazısı’nı doldurun; **Butonlar** seçildiğinde her düğmenin başlık, URL ve renk alanlarını hazırlayın. Navbar’daki iki modal türünün kayıt ve kontrol adımları burada da geçerlidir. Grup başlığını sürüklemek kolon sırasını, alt bağlantıyı sürüklemek kendi sırasını değiştirir. Bağlantıyı başka grubun açılan listesine bırakarak grubunu değiştirebilirsiniz. ## Kaydetme ve sıfırlama işlemlerini ayırın Yeni menü öğesi **Yayınla**, mevcut öğe **Güncelle** ile kaydedilir. Navbar ve Footer kartlarını sürükleyip bıraktığınızda **sıra ve üst menü ilişkisi otomatik kaydedilir**; sonuç bildirimini bekleyin. Genel site ayarlarının **Tümünü Kaydet** düğmesi bu menü formlarının yerine kullanılmaz. Sıralamada hata bildirimi varsa öğenin son yerini yeniden kontrol edin. Navbar veya Footer Menü başlığındaki **dairesel ok**, ilgili listeyi ilk kurulum düzenine döndürme onayını açar. Onayladığınızda o menü listesi kurulum öğeleriyle değiştirilir. Navbar ve footer ayrı sıfırlanır. ## Sosyal hesap adreslerini girin Soldaki **İletişim ve footer** bölümünden Facebook, X, Instagram, YouTube ve Discord adreslerini yazın. Profil, kanal veya davet bağlantısını tam adres olarak kullanın. [![Sosyal hesap adresleri, YouTube, Discord daveti](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=a4e072837eabc4cea7cdf1fca9d332bf)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar.png) > [card] 1. Sosyal hesap adresleri > > Facebook, X ve Instagram için tam profil bağlantılarını yazın. > [card] 2. YouTube > > Ziyaretçinin açacağı kanal adresini girin. > [card] 3. Discord daveti > > Topluluğunuzun geçerli katılım bağlantısını kullanın. Bu sosyal hesap alanları genel ayarlardır; **Tümünü Kaydet** ile kaydedilir. Son olarak telefon görünümünde üst menüyü, alt bağlantıları, modal pencereleri ve footer bağlantılarını da açıp deneyin. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.