Wix ana sayfası
Başla

Studio Editor: Menüleri Tasarlama

5 dakikalık okuma
Studio Editor'de menünün görünümünü ve tarzını en küçük ayrıntısına kadar özelleştirebilirsiniz. Her bir duruma (ör. üzerinde gezinme, seçili) göre menüyü tasarlamak, dolgu rengi, metin stili, gölge ve çok daha fazlası gibi ayarları yapmak için Denetçi paneline erişin.
Menü türüne göre tasarım seçeneklerini nasıl kullanacağınızı öğrenin:
Üzerinde gezinme efekti mi kullanıyorsunuz?
Bir menüye eklediğiniz üzerinde gezinme efekti, tabletlerde ve mobil cihazlarda görünmez.Tüm kesme noktalarında görüntülenmesini istiyorsanız, bunun yerine bir tıklama etkileşimi ekleyebilirsiniz. 

Yatay menüler tasarlama

Ziyaretçilere daha etkileşimli bir site deneyimi sağlamak için Denetçi panelinde üç farklı durumun (Normal, Üstündeyken ve Tıklanınca) tasarımlarını ayrı ayrı özelleştirin. 
Seçilen hazır ayara bağlı olarak, menüyü sitenin görünümüne ve tarzına uygun hale getirmek için mevcut seçenekleri kullanın. Örneğin, bazı yatay menülerde özelleştirebileceğiniz düğmeler veya ayırıcılar bulunur.

Yatay bir menü tasarlamak için:

  1. Yatay menüyü seçin.
  2. Editörün sağ üstündeki Denetçi okuna  tıklayın.
  3. Sayfayı kaydırarak Tasarım bölümüne gelin.
  4. Açılır menüden tasarlamak istediğiniz ögeyi seçin:
    • Menü kapsayıcısı
    • Menü ögeleri
    • Alt menü kapsayıcısı
    • Alt menü ögeleri
  5. (Menü / alt menü ögeleri) İlgili durumu seçin: Normal, Üzerinde gezinme veya Geçerli sayfa
  6. Mevcut seçenekleri kullanarak menü tasarımını özelleştirin:
    • Arka plan dolguları: Menünün / alt menünün arka plan rengini değiştirin ve opaklığı istediğiniz gibi ayarlayın. Tasarımınızda ayraçlar varsa renklerini buradan değiştirebilirsiniz.
    • Kenarlıklar: Menünün kenarlıklarının genişliğini ve rengini ayarlayın. 
    • Köşeler: Yarıçapı ayarlayarak menünün / alt menünün köşelerini daha yuvarlak veya dikdörtgen yapın.
    • Gölgeler: Menüye gölge ekleyin ve açısını, rengini, mesafesini ve daha fazlasını özelleştirin. 
    • Metin: Menünün ve alt menü ögelerinin stilini ve biçimlendirmesini ayarlayın.
    • Düzen: Menü ögelerinin etrafındaki dolguyu ayarlayın. 
Studio Editor'deki Denetçi panelinde dikey menü tasarlama

Dikey menüler tasarlama

Dikey menülerde Normal ve Seçilen durumlarının tasarımını ayrı ayrı özelleştirerek ziyaretçilerin herhangi bir anda hangi sayfada olduklarını bilmelerini sağlayın. Menünün, alt menünün ve (varsa) ok simgesinin dolgu rengini değiştirin ve metin, kenarlık, gölge gibi özellikleri ihtiyaçlarınıza göre özelleştirin.
Not:
Kullanılabilir ayarlar, Öge Ekle panelinde seçtiğiniz belirli menülere bağlıdır.

Dikey menü tasarlamak için:

  1. Dikey menüyü seçin.
  2. Editörün sağ üstündeki Denetçi okuna  tıklayın.
  3. Sayfayı kaydırarak Tasarım bölümüne gelin.
  4. Mevcut seçenekleri kullanarak menü tasarımını özelleştirin:
    • Dolgu Rengi ve Opaklık: Menünün / alt menünün arka plan rengini değiştirin ve opaklığı istediğiniz gibi ayarlayın. Tasarımınızda ok simgesi varsa buradan renklendirebilirsiniz.
    • Kenarlık: Menünün kenarlığı için bir stil seçin ve genişliğini ve rengini ayarlayın. 
    • Gölge: Menüye gölge ekleyin ve açısını, rengini, mesafesini ve daha fazlasını özelleştirin. 
    • Metin: Menünün ve alt menü ögelerinin stilini ve biçimlendirmesini ayarlayın.
    • Aralık: Menü başlıklarının alt ve üst kenar boşluklarının yanı sıra metin ve alt menü aralıklarını (piksel cinsinden) ayarlayın.
Studio Editor'deki Denetçi panelinde dikey menü tasarlama
İpucu:
Ziyaretçiler yukarı ve aşağı kaydırdıkça sayfayla kayması için dikey menüyü sayfaya sabitleyebilirsiniz

Çapa menüleri tasarlama

Çapa menüsünde nelerin gösterileceğini belirlemek için Denetçi panelinde hazır ayarlardan birini seçin. Metni, düğmeleri veya ikisini birleştiren bir hazır ayar görüntüleyebilirsiniz.Hatta ziyaretçiler düğmenin üzerine geldiğinde metnin görünmesini sağlayan bir hazır tasarım seçeneğiniz bile bulunmaktadır. 
Ziyaretçilerin o anda hangi çapayı görüntüledikleri konusunda net bir fikir sahibi olmaları için çapa menüsünün tasarımını Normal ve Tıklanınca durumları için ayrı ayrı özelleştirin.

Bir çapa menüsü tasarlamak için:

  1. Çapa menüsünü seçin.
  2. Editörün sağ üstündeki Denetçi okuna  tıklayın.
  3. Sayfayı kaydırarak Tasarım bölümüne gelin.
  4. Üst kısımdaki hazır tasarımlardan birini seçin.
  5. İlgili durumu seçin: Normal veya Tıklandığında
  6. Mevcut seçenekleri kullanarak menü tasarımını özelleştirin:
    • Dolgu Rengi ve Opaklık: Menünün / alt menünün arka plan rengini değiştirin ve opaklığı istediğiniz gibi ayarlayın. Tasarımınızda ok simgesi varsa buradan renklendirebilirsiniz.
    • Metin: Menünün ve alt menü ögelerinin stilini ve biçimlendirmesini ayarlayın.
    • Aralık: Menü başlıklarının alt ve üst kenar boşluklarının yanı sıra metin ve alt menü aralıklarını (piksel cinsinden) ayarlayın.
Studio Editor'daki Denetçi panelinde bir çapa menüsü tasarlama

Hamburger menüleri tasarlama

Hamburger menülerinde, menünün kendisi, kapsayıcısı ve onu açıp kapatan simgeler gibi ihtiyaçlarınıza göre tasarlayabileceğiniz çeşitli ögeler bulunur.

Hamburger menüsü tasarlamak için:

  1. Hamburger menüsünü seçin.
  2. Menünün hangi alanını tasarlamak istediğinizi seçin: 

Bu içerik yardımcı oldu mu?

|
Studio Editor'deki Denetçi panelinde dikey menü tasarlama
Studio Editor'deki Denetçi panelinde dikey menü tasarlama
Studio Editor'daki Denetçi panelinde bir çapa menüsü tasarlama