Açılır menüyü ekleyip ayarladıktan sonra tasarımını istediğiniz gibi özelleştirebilirsiniz. Özel bir görünüm oluşturarak müşterinizin markasını güçlendirmek için hem kapsayıcının hem de menünün görünümünü ve hizalamasını değiştirin.
Açılır menülerin düzenini ayarlama
Menü türünüze (gezinme çubuğu, hamburger vb.) bağlı olarak, Düzen panelinde farklı ayarlar görüntülenir. Ayrıca aralık ve hizalamayı ana menünün görünümüne uyacak şekilde özelleştirebilirsiniz.
Açılır menü düzenini ayarlamak için:
- Editörünüze gidin.
- Menü çubuğuna / Hamburger menü simgesine tıklayın.
- (Hamburger menüler) Düzenleme modunu açmak için Menüyü Düzenle'ye ve ardından menüye tıklayın.
- Düzen simgesine
tıklayın. - Açılır Menü sekmesine tıklayın.
- Mevcut seçenekleri kullanarak düzeni özelleştirin:
Açılır menü kutusunun genişliğini seçin ve istediğiniz şekilde ayarlayın:
- Uzat: Açılır kapsayıcı ekranın tüm genişliğini kaplar. Kenar boşluklarını (piksel cinsinden) ayarlayarak genişliği düzenleyebilirsiniz.
- Menüye sığdır: Açılır menü, ana üst menüyle aynı genişlikte kalır.
- İçeriği sarmala: Kapsayıcı tüm açılır ögeleri "sarmalar". İçeriği ana menünün soluna, ortaya veya sağına hizalayabilirsiniz.
Öge gösterimi ve sütun sayısı
- Öge gösterimi: Açılır menü ögelerini başlangıçta gizleyebilir (daraltılmış mod) veya sürekli görünür yapabilirsiniz (açık mod).
- Sütun sayısı: Açılır menüde kaç sütun gösterileceğini belirleyin.
- Kapsayıcı üzerindeki boşluk: Açılır menü ile ana menü arasındaki boşluğu büyütün veya küçültün.
- Aralıklar: Açılır menüdeki ögelerin aralıklarını ayarlayın. Alt ögeler eklediyseniz, ayrıca bunların aralarındaki ve üstlerindeki aralıkları değiştirebilirsiniz.
- Ögeler arası boşluk: Açılır ögeler arasındaki yatay ve dikey boşlukları düzenleyin.
- Alt ögeler arası boşluk: Alt ögeler arasındaki boşluk miktarını artırın veya azaltın.
- Alt ögeler üzerindeki boşluk: Menüde alt ögelerin üstündeki boşluk miktarını belirleyin.
- Dolgu: Açılır menü bileşenlerinin etrafındaki dolgu miktarını ihtiyaçlarınıza göre özelleştirin:
- Öge dolgusu: Açılır menü ögelerinin etrafındaki boşluk miktarını artırın veya azaltın.
- Alt öge dolgusu: Açılır menüdeki alt ögelerin etrafındaki dolgu miktarını ayarlayın.
- Kapsayıcı dolgusu: Açılır kapsayıcının etrafındaki boşluğu istediğiniz kadar küçültün veya büyütün.
- Yön: Ögelerin soldan sağa veya sağdan sola okunacağını seçin.
- Hizalama: Açılır ögeleri ve alt ögeleri kapsayıcının soluna, sağına veya ortasına hizalayın.
Açılır menülerin tasarımını özelleştirme
Kapsayıcılardan ögelere ve alt ögelere kadar açılır menüdeki her bir bileşenin tasarımı özelleştirerek ana menünün görünümüne ve tarzına uygun hale getirebilirsiniz. Müşterilerinizin markasını güçlendirmek için arka plan dolgusu ve metin seçin ve açılır menüleri sayfada öne çıkarmak için kenarlık ekleyin.
Ayrıca ögelerin ve alt ögelerin tasarımını durumlar için özelleştirebilirsiniz (ör. üzerine gelme, geçerli sayfa).
Açılır menülerin tasarımını özelleştirmek için:
- Editörünüze gidin.
- Menü çubuğuna / Hamburger menü simgesine tıklayın.
- (Hamburger menüler) Düzenleme modunu açmak için Menüyü Düzenle'ye ve ardından menüye tıklayın.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Tasarlamak istediğiniz ögeyi seçin:
- Açılır kapsayıcı
- Açılır menü kapsayıcısı
- Açılır menü ögeleri
- Açılır menü alt ögeleri
- (Açılır menü ögeleri / alt ögeleri) İlgili durumu seçin: Normal, Üzerindeyken veya Bu sayfa.
- Mevcut seçenekleri kullanarak açılır menüyü tasarlayın:
- Arka Plan Dolguları: Açılır menünün arka plan rengini değiştirin veya dikkat çekici bir gradyan ekleyin. Tasarım ihtiyaçlarınıza göre opaklığı ayarlayabilir ve birden çok katman ekleyebilirsiniz.
- Kenarlık: Açılır kapsayıcının kenarlık genişliğini ve rengini ayarlayın.
- Köşeler: Yarıçap değeri girerek açılır menünün köşelerini yuvarlayın.
- Metin: Açılır ögelerin ve alt ögelerin yazı tipi stilini ve biçimlendirmesini ayarlayın.
- Gölge: Açılır menüye gölge ekleyin ve açısını, rengini, mesafesini ve diğer özelliklerini düzenleyin.
Açılır menüde yaptığınız değişiklikler ilgili menüdeki tüm açılır menülere uygulanır. Daha özgün bir şey mi oluşturmak istiyorsunuz? Tam tasarım kontrolü için yatay gezinme menülerine eklediğiniz açılır menüleri 'ayırabilirsiniz'.
Yatay menülerdeki açılır menüleri ayırmak ve özelleştirmek için:
- Editörde yatay menüye tıklayın.
- Menüyü Yönet'e tıklayın.
- İlgili açılır menünün üzerine gelin ve Düzenle'ye tıklayın.
- Açılır menünün tasarımını özelleştirin:
Kapsayıcı düzenini ayarlayın
Açılır menüye eklediğiniz ögelerin ve ögelerin gösterildiği kapsayıcının genişliğini ayarlayın. Kapsayıcı ile ana menü arasındaki boşluğu da ayarlayabilirsiniz.
- Açılır kapsayıcıya tıklayın.
- Düzen simgesine tıklayın.
- Yalnızca bu açılır menüsünü düzenle geçiş düğmesini etkinleştirin.
- İstediğiniz değişiklikleri yapın:
- Kapsayıcı genişliği: Listeden bir seçenek belirleyin ve istediğiniz şekilde ayarlayın:
- Uzat: Açılır kapsayıcı ekranın tüm genişliğini kaplar. Kenar boşluklarını (piksel cinsinden) ayarlayarak genişliği azaltabilirsiniz.
- Menüye Sığdır: Açılır kapsayıcı, üst menüyle aynı genişlikte kalır.
- İçeriği sarmala: Kapsayıcı tüm açılır ögeleri "sarmalar". İçeriği ana menünün soluna, ortaya veya sağına hizalayabilirsiniz.
- Özel: Yanlardaki sürükleme tutamaçlarını sürükleyerek kapsayıcının genişliğini ayarlayın. İçeriği ana menünün soluna, ortaya veya sağına hizalayabilirsiniz.
- Kapsayıcı üzerindeki boşluk: Açılır kapsayıcı ile ana menü arasındaki boşluğu büyütün veya küçültün.
Açılır menü düzenini ayarlayın
Bu, açılır menüye eklediğiniz ögelerin görüntülendiği menüdür. Kaç sütunun gösterileceğini belirleyebilir, menü arasındaki ve menü etrafındaki boşluğu ayarlayabilir, yön ve hizalamayı seçebilirsiniz.
- Kapsayıcıdaki açılır menüyü seçin.
- Düzen simgesine tıklayın.
- Yalnızca bu açılır menüsünü düzenle geçiş düğmesini etkinleştirin.
- İstediğiniz değişiklikleri yapın:
- Sütun sayısı: Açılır menüde kaç sütun gösterileceğini belirleyin.
- Aralıklar: Açılır menüdeki ögelerin aralıklarını ayarlayın. Alt ögeler eklediyseniz, ayrıca bunların aralarındaki ve üstlerindeki aralıkları değiştirebilirsiniz.
- Ögeler arası boşluk: Açılır ögeler arasındaki yatay ve dikey boşlukları düzenleyin.
- Alt ögeler arası boşluk: Alt ögeler arasındaki boşluk miktarını artırın veya azaltın.
- Alt ögeler üzerindeki boşluk: Menüde alt ögelerin üstündeki boşluk miktarını belirleyin.
- Dolgu: Açılır menü bileşenlerinin etrafındaki dolgu miktarını ihtiyaçlarınıza göre özelleştirin:
- Öge dolgusu: Açılır menü ögelerinin etrafındaki boşluk miktarını artırın veya azaltın.
- Alt öge dolgusu: Açılır menüdeki alt ögelerin etrafındaki dolgu miktarını ayarlayın.
- Kapsayıcı dolgusu: Açılır kapsayıcının etrafındaki boşluğu istediğiniz kadar küçültün veya büyütün.
- Yön: Öge metninin yönünü soldan sağa veya sağdan sola değiştirin.
- Hizalama: Açılır ögeleri ve alt ögeleri kapsayıcının soluna, sağına veya ortasına hizalayın.
Kapsayıcı tasarımını özelleştirin
Açılır menüye eklediğiniz ögelerin ve ögelerin görüntülendiği kapsayıcının arka plan dolgusunu ve yarıçapını özelleştirin. Sayfada öne çıkması için kenarlık ve gölgeler ekleyebilir ve ayarlayabilirsiniz.
- Açılır kapsayıcıya tıklayın.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Alttaki Tasarım bölümüne ilerleyin.
- Yalnızca bu açılır menüsünü düzenle geçiş düğmesini etkinleştirin.
- İstediğiniz değişiklikleri yapın:
- Arka Plan Dolguları: Açılır kapsayıcının rengini değiştirin veya göz alıcı bir gradyan ekleyin. Tasarım ihtiyaçlarınıza göre opaklığı ayarlayabilir ve birden çok katman ekleyebilirsiniz.
- Kenarlık: Açılır kapsayıcının kenarlık genişliğini ve rengini ayarlayın.
- Köşeler: Yarıçap değeri girerek açılır kapsayıcının köşelerini yuvarlayın.
- Gölge: Açılır kapsayıcıya gölgeler ekleyin ve açısını, rengini, mesafesini ve diğer özelliklerini düzenleyin.
Menünün tasarımını özelleştirin:
Açılır menü ögelerinizin gösterildiği menüyü özelleştirin. Kapsayıcı tasarımını özelleştirebilir ve gerçekten özel bir görünüm oluşturmak için ögeleri ve alt ögeleri her durum için ayarlayabilirsiniz.
- Kapsayıcıdaki açılır menüyü seçin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine tıklayın.
- Alttaki Tasarım bölümüne ilerleyin.
- Yalnızca bu açılır menüsünü düzenle geçiş düğmesini etkinleştirin.
- Tasarlamak istediğiniz ögeyi seçin:
- Açılır menü ögeleri
- Açılır menü kapsayıcısı
- Açılır menü alt ögeleri
- (Açılır ögeler / açılır alt ögeler) İlgili durumu seçin: Normal, Üzerindeyken veya Bu sayfa.
- İstediğiniz değişiklikleri yapın:
- Arka Plan Dolguları: Arka plan rengini değiştirin veya dikkat çekici bir gradyan ekleyin. Tasarım ihtiyaçlarınıza göre opaklığı ayarlayabilir ve birden çok katman ekleyebilirsiniz.
- Metin: Açılır ögelerin ve alt ögelerin yazı tipi stilini ve biçimlendirmesini ayarlayın.
- Kenarlık: Menü kapsayıcısının çevresine kenarlık ekleyin ve düzenleyin.
- Köşeler: Yarıçap değeri girerek menü kapsayıcısının köşelerini yuvarlayın.
- Gölge: Menü kapsayıcısına gölgeler ekleyin ve açısını, rengini, mesafesini ve diğer özelliklerini düzenleyin.
