GitHub|Since 2007
Documentation

Navigasyon Menü Yönetimi

Navigasyon Menü Yönetimi

Site Navigasyonunu Oluşturma ve Düzenleme

Menüler, ziyaretçilerin web sitenizde nasıl gezindiğidir. İyi organize edilmiş bir menü yapısı, kullanıcıların ihtiyaç duydukları şeyi hızlıca bulmalarına yardımcı olur ve genel kullanıcı deneyimini iyileştirir.

Menü Arayüzünü Anlama

Ekran görüntüsü, genellikle site başlığınızda görünen ana navigasyon menüsü olan Birincil Menü düzenleyicisini gösteriyor.

Menü Yapısı Dökümü

Her menü öğesi iki bölümden oluşur:

Sol taraf: Etiket (Ziyaretçilerin gördüğü)

Sağ taraf: Bağlantı/URL (Nereye gittiği)

Ekran Görüntüsünden:

Gösterilen menü öğelerini analiz edelim:

1. Genel Konular → /category/genel

  • Etiket: 'Genel Konular'
  • URL: /category/genel
  • Tür: Kategori arşiv sayfası
  • Ne gösterir: 'Genel' kategorisinde dosyalanmış tüm yazılar

2. Turizm → /category/turizm

  • Etiket: 'Turizm'
  • URL: Turizm kategorisine dahili bağlantı
  • Ne gösterir: Turizm konuları hakkındaki yazılar

3. Google → /category/google

  • Etiket: 'Google'
  • URL: Google odaklı teknoloji kategorisi
  • Ne gösterir: Google ürünleri, hizmetleri, haberleri hakkındaki yazılar

4. İstanbul → /category/istanbul

  • Etiket: 'İstanbul'
  • URL: Konum tabanlı kategori
  • Ne gösterir: İstanbul ile ilgili içerik

5. Aksaray → /category/aksaray

  • Etiket: 'Aksaray'
  • URL: Başka bir konum kategorisi
  • Ne gösterir: Aksaray bölgesi hakkında içerik

Menü Özellikleri

Yeniden Sıralamak İçin Sürükleyin (Altı Nokta Simgesi)

Her öğenin solundaki altı nokta simgesi (⋮⋮) bir sürükleme tutamacıdır. Yukarı veya aşağı sürükleyerek menü öğelerini yeniden sıralamak için tıklayın ve tutun.

Yeniden sıralama neden önemli:

  • En önemli öğeler ilk sırada olmalı (yatay menülerde solda)
  • İlgili öğeleri bir araya getirin
  • Kullanıcı önceliklerini ve yaygın yolları göz önünde bulundurun

Alt Bağlantı Ekle Butonu

Her menü öğesinde bir '+ Add Sub Link' butonu vardır. Bu, açılır menüler oluşturur.

Örnek hiyerarşi:

  • Hizmetler (üst)
    • Web Tasarım (alt öğe)
    • SEO (alt öğe)
    • Pazarlama (alt öğe)

Alt menüleri ne zaman kullanmalı:

  • Ana kategori altında yer alan ilgili öğeleriniz var
  • Ana menüyü temiz ve dağınıklıktan uzak tutmak istiyorsunuz
  • Birden çok seviyeli derin bir site yapınız var

Alt menülerden ne zaman kaçınmalı:

  • Yalnızca 2-3 alt öğeniz var (ana menü öğeleri olarak daha iyi)
  • Öğeler gerçekten üst öğeyle ilgili değil
  • 2 seviyeden daha fazla derine ihtiyacınız var (kafa karıştırıcı olur)

Ekleyebileceğiniz Menü Öğesi Türleri

1. Kategori Bağlantıları

O kategorideki tüm yazıları gösteren kategori arşiv sayfalarına bağlantılar.

URL formatı: /category/[slug]

En iyisi: Blog odaklı siteler, haber siteleri

2. Özel Sayfalar

Oluşturduğunuz statik sayfalara bağlantılar.

URL formatı: /hakkimizda, /iletisim, /hizmetler

En iyisi: Temel site bilgileri

3. Harici Bağlantılar

Diğer web sitelerine bağlantılar.

URL formatı: https://ornek.com

En iyisi: Ortak siteler, kaynaklar, sosyal medya

4. Özel Bağlantılar

Bağlantı vermek istediğiniz herhangi bir URL.

URL formatı: Geçerli herhangi bir URL

En iyisi: Esneklik, özel sayfalar

Menü Planlama En İyi Uygulamaları

Basit Tutun

  • Ana menüde maksimum 5-7 öğe
  • Daha fazlası bunaltıcı olur
  • Ek öğeler için açılır menüler kullanın

Mantıksal Sıralama

  • En önemli ilk: Ana Sayfa → Hakkımızda → Hizmetler → Blog → İletişim
  • Kullanıcı yolculuğu: Kullanıcıların nasıl gezindiğini düşünün
  • Tutarlı: Tüm sayfalarda aynı sırayı koruyun

Net Etiketler

  • Açıklayıcı: 'Hizmetlerimiz' kullanın 'Ne Yapıyoruz' değil
  • Kısa: İdeal olarak 1-2 kelime, maksimum 3-4
  • Eylem odaklı: 'Başlayın' 'Tanıtım'dan daha iyi

Mobil Düşüncesi

  • Menüler mobilde hamburger menüye dönüşür
  • Okunabilirliği sağlamak için telefonlarda test edin
  • Etiketleri kısa tutun böylece sarmazlar

Menünüzü Test Etme

Değişiklik yaptıktan sonra:

  1. Değişiklikleri uygulamak için 'Kaydet'e tıklayın
  2. Canlı menüyü görmek için 'View Site' kullanın
  3. Çalıştığından emin olmak için her bağlantıyı test edin
  4. Mobil görünümü kontrol edin - tarayıcıyı yeniden boyutlandırın veya telefon kullanın
  5. Ana sayfaları bulup bulamayacaklarını görmek için sitenize yabancı birinden sorun