Studio Editor: Mega Menü Ekleme ve Özelleştirme

4 dakikalık okuma
Mega menüler bir yatay menüye ekleyebileceğiniz kapsayıcılardır. Ziyaretçiler ilgili menü ögesinin üzerine geldiğinde kapsayıcı açılır. Kapsayıcıyı sıfırdan tasarlayın ve hangi amaçla (çok seviyeli gezinme, öne çıkan ürünleri sergileme, vb.) kullanmak istediğinize karar verin.
Kapsayıcının farklı ürün kategorilerine giden gezinme bağlantılarını gösterdiği e-ticaret tarzı bir mega menü örneği
Bilmeniz gerekenler:
Mega menü kapsayıcılarını yalnızca yatay menülere ekleyebilirsiniz. Dikey menülerde, çapa menülerinde ve hamburger menülerde desteklenmez.
Bu makalede öğrenecekleriniz:

Mega menü kapsayıcısı ekleme ve ayarlama

Mega menü kapsayıcısını mevcut bir menüye öge olarak ekleyin ve uygun bir başlık verin. "Hizmetler" veya "Hakkımızda" gibi hedef içeriği yansıtan bir başlık kullanmanızı öneririz.
Mega menü kapsayıcısını ekleyip adlandırdıktan sonra hedeflediğiniz içeriği oluşturmak üzere düğme, şekil, metin gibi sayfa ögeleri ekleyin. 

Mega menü eklemek için:

  1. Editörde ilgili yatay menüye tıklayın.
  2. Menüyü Yönet'e tıklayın.
  3. Panelin en altındaki Öge Ekle'ye tıklayın.
  4. Mega Menü'yü seçin.
  5. Mega menü başlığını girin.
    İpucu: Bu ziyaretçilerin kapsayıcı içeriğini görmek için üzerine geldikleri başlıktır.
  6. Tamam'a tıklayın.
  7. Mega menüye içerik ekleyin:
    1. (Menüyü Yönet panelinde) Kapsayıcı yanındaki Düzenle'ye tıklayın.
    2. Gerekli ögeleri kapsayıcıya ekleyin.
Menüyü Yönet panelinde yeni bir mega menü kapsayıcısına öge eklemeye başlamak için Düzenle'ye tıklanması

Açılır menü oluşturma

Mega menüleri kullanarak bir açılır menü oluşturarak bir sitedeki belirli ögeleri düzenleyebilirsiniz. Ziyaretçiler mega menüye tıkladıklarında, kapsayıcıda açılır menü ve ögeler görünür. 
Wix canlı bir sitede bir açılır menü açıldı.
Bilmeniz gerekenler:
Açılır menü ögelerini ana menüyle aynı panelden ekleyebilir ve yönetebilirsiniz, böylece site gezinmesini ayarlamak daha da kolaydır.

Bir açılır menü oluşturmak için:

  1. Editörde ilgili yatay menüye tıklayın.
  2. Menüyü Yönet'e tıklayın.
  3. (Öge yatay menüye eklenmemişse) Öge Ekle 'ye tıklayın ve istediğiniz menü ögesini ayarlayın.
  4. İlgili menü ögesini mega menünün altına yerleştirin: 
    1. Menüyü Yönet panelinden ilgili ögeyi seçin.
    2. Ögeyi mega menünün altına sürükleyip bırakın.
Menü Yönet panelinde ögelerin bir açılır menü oluşturulurken mega bir menünün altına sürüklenip bırakılmasını gösteren bir GIF.
Açılır menü ögelerini yönetmek mi istiyorsunuz?
Ögeleri yeniden sıralamak, yeniden adlandırmak ve kaldırmak için Menüyü Yönet panelini kullanın.

Mega menü kapsayıcısının düzenini özelleştirme

İstediğiniz ögeleri mega menüye ekledikten sonra düzeni sayfa yapınıza uyacak şekilde özelleştirin. Aralıkları düzenleyebilir ve kapsayıcının ne kadar uzatılacağını belirleyebilirsiniz. 

Düzeni değiştirmek için:

  1. Editörünüzde ilgili menüye tıklayın.
  2. Düzen simgesine tıklayın.
  3. Mega Menü sekmesine tıklayın.
  4. Mevcut seçenekleri kullanarak düzeni özelleştirin:
    • Kapsayıcıyı uzat: Kapsayıcının ziyaretçi ekranının tüm genişliği boyunca uzatılıp uzatılmayacağına karar verin. Devre dışı bırakmayı tercih ederseniz, tuvalde veya Denetçi panelinde belirli bir genişlik belirleyebilirsiniz.
    • Kenar boşlukları: Mega menü kapsayıcısı ile ekran kenarları arasına px veya % cinsinden boşluk ekleyin.
    • Ögeler ve kapsayıcı arasındaki boşluk: Menü ile mega menü kapsayıcısı arasındaki boşluğu büyütmek veya küçültmek için kaydırıcıyı sürükleyin.
Studio Editor'daki menü düzeni panelinde bulunan mega menü sekmesi.

Mega menüyü tasarlama

Kapsayıcı düzenini ayarladıktan sonra kenarlık ve arka plan gibi bileşenlerin tasarımlarını özelleştirin. Mega menüde yaptığınız değişiklikler tutarlı bir görünüm elde etmek amacıyla tüm alt menülere uygulanır.

Kapsayıcı tasarımını özelleştirmek için:

  1. Editörünüzde ilgili menüye tıklayın.
  2. Editörün sağ üst köşesindeki Denetçiyi Aç simgesine  tıklayın.
Studio Editor'da Denetçi panelinin açılmasına ilişkin ekran görüntüsü.
  1. Ne tasarlamak istiyorsunuz? açılır menüsünden Alt menü kutusu'nu seçin.
  2. Mevcut seçenekleri kullanarak tasarımı özelleştirin:
    • Arka Plan Dolguları: Kapsayıcı için bir renk, gradyan veya görüntü arka planı ayarlayın. Farklı opaklık seviyelerine sahip birden fazla arka plan katmanı ekleyebilirsiniz. 
    • Kenarlık: Kapsayıcıya kenarlık ekleyin ve tasarımını özelleştirin.
    • Köşeler: Kapsayıcı köşelerini daha yuvarlak veya köşeli yapın. 
    • Gölgeler: Kapsayıcıya üç boyutlu bir görünüm kazandırmak için gölge ekleyin.
Denetçi panelinde mega menüler için mevcut seçeneklerin gösterildiği alt menü kutusu tasarlama seçeneğinin seçilmesi