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

3 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ı

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

Bu içerik yardımcı oldu mu?

|