Wix Editor: Hamburger Menü Ekleme ve Ayarlama

5 dakikalık okuma
Hamburger menüler, canlı sitenizde bir düğme görüntüleyen menülerdir. Ziyaretçiler düğmeye tıkladıklarında menü bir kapsayıcıda açılır. Bu, ziyaretçilerin alan veya düzenden ödün vermeden sitenize göz atmasına izin vermenin harika bir yolu olduğu anlamına gelir.  
Bir wix canlı sitenin GIF'i. Hamburger menü düğmesine tıklandığında, bir kapsayıcıdaki menü açılır.
Bilmeniz gerekenler:
Hamburger ve mobil site menüleri simgeleri benzer olsa da ayrı menülerdir. Hamburger menülere mobil editörde ekleyemezsiniz ve masaüstünde ekledikleriniz sitenizin mobil sürümüne aktarılmaz.

1. Adım | Sitenize hamburger menü ekleyin

Başlamak için sitenize bir hamburger menü ekleyin. Çeşitli hazır tasarım seçenekleri mevcuttur, böylece sitenizin temasına ve görünümüne en uygun olanı seçebilirsiniz.

Hamburger menü eklemek için:

  1. Editörün sol tarafındaki Öge Ekle simgesine tıklayın.
  2. Menü ve Çapa'yı seçin.
  3. Hamburger Menüler'e tıklayın.
  4. Seçtiğiniz menü simgesine tıklayıp sayfaya sürükleyin.
Öge ekle paneli. Menü ve çapa sekmesindeki hamburger menüleri açık ve imleç bir menü simgesine tıklıyor.

2. Adım | Menü düğmesini ayarlayın

Menüyü sitenize ekledikten sonra, düğmede ne görüntüleneceğini seçin; metin, bir simge veya her ikisi. Gerekirse, yeni bir simge seçebilir ve/veya metni beğeninize göre güncelleyebilirsiniz.

Düğmeyi ayarlamak için:

  1. Sayfadaki hamburger menü düğmesine tıklayın.
  2. Ayarlar simgesine tıklayın.
  3.  Ziyaretçilerin canlı sitenizde ne göreceğini belirleyin:
    • Yalnızca simge: Yalnızca simge görüntülenir.
      • Değiştir simgesi: Menü düğmesi için yeni bir simge seçmek üzere Değiştir simgesine tıklayın. Wix'in sunduğu çeşitli ücretsiz seçenekler arasından seçim yapabilir veya kendi hesabınızı yükleyebilirsiniz.
      • Erişilebilir ad: Simgenin erişilebilir adını girin.
        Not: Bu metin, ekran okuyucuların düğme adını "okumasına" ve düğmenin amacını anlamalarına olanak sağlar. Canlı sitenizde görüntülenmez.
    • Yalnızca metin: Düğmede yalnızca metin görüntülenir.
      • Metin: Seçtiğiniz metni alana girin.
    • Metin ve simge: Hem metin hem de bir simge görüntülenir.
      • Değiştir simgesi: Menü düğmesi için yeni bir simge seçmek üzere Değiştir simgesine tıklayın. Wix'in sunduğu çeşitli ücretsiz seçenekler arasından seçim yapabilir veya kendi hesabınızı yükleyebilirsiniz.
      • Metin: Seçtiğiniz metni alana girin.
Hamburger menü düğmesi ayarlar paneli. İmleç, erişilebilir ad alanının üzerinde geziniyor.

3. Adım | Menü ögelerinizi yönetin

Menüde göstermek istediğiniz ögeleri seçin. Menüyü gelişmiş olarak ayarlarsanız, Menüyü Yönet panelindeki öğeleri gösterebilir ve gizleyebilirsiniz. Gelişmiş menüleri etkinleştirmezseniz, istediğiniz değişiklikleri Site Sayfaları panelinden yapabilirsiniz.

Menünüzü yönetmek için:

  1. Sayfadaki hamburger menü düğmesine tıklayın.
  2. Menünün kapsayıcısını açmak için Menüyü Düzenle'ye tıklayın.
  3. Menü ögelerine tıklayın.
  4. Menüyü Yönetin'e tıklayın.
  5. Ögeleri yönetmek için seçenekleri kullanın:
    • Bir öge ekleyin:
      1. Alt taraftaki Menü Ögesi Ekle'ye tıklayın.
      2. Eklemek istediğiniz öge türünü seçin ve ayarlayın.
    • Ögeyi Gizle / Göster:
      • Gelişmiş menüler:
        1. İlgili uygulamanın yanındaki Diğer Eylemler simgesine tıklayın.
        2. Menüden Gizle'ye tıklayın.
          Not: Mevcut bir öğeyi gelişmiş menüde göstermek için önceki adımları (Öge ekleme) kullanarak eklemeniz gerekir.
      • Normal menüler:
        1. İlgili uygulamanın yanındaki Diğer Eylemler simgesine tıklayın.
        2. Menüde gizle simgesine / Menüde göster simgesine tıklayın.
Hamburger menü çubuğundaki menü yönet paneli. İmleç yeni öge ekle'ye tıkladı ve seçenekler görüntülendi.

4. Adım | Kapsayıcı ayarlarını yapılandırın

Kapsayıcı ayarlarını kullanarak site sayfalarınızın ziyaretçiler menüyü açtığında nasıl görüneceğini ve davranacağını belirleyin.

Kapsayıcıyı ayarlamak için:

  1. Sayfadaki hamburger menü düğmesine tıklayın.
  2. Menüyü açmak için Menüyü Düzenle'ye tıklayın.
  3. Kapsayıcıya tıklayın. 
  4. Ayarlar'a tıklayın.
  5. Kapsayıcıyı istediğiniz gibi ayarlayın:
    • Kapatmak için dışa dokunun: Ziyaretçilerin kapsayıcının dışına tıklayarak menüyü kapatmasına izin vermek için geçiş düğmesine tıklayın.
    • Arka plan kaplamasını göster: Ziyaretçiler menüyü açtığında site sayfasında bir arka plan kaplaması görüntülemek için geçiş düğmesine tıklayın.
Bir hamburger menü kapsayıcısının ayarları. İmleç, kapat geçiş düğmesinin dışındaki musluğa tıklıyor.
Sırada ne var?
Hamburger menünüzün tasarımını ve düzenini özelleştirin istediğiniz gibi görünmesini sağlayın.

Bu içerik yardımcı oldu mu?

|