Menü renklerini ayarlayın

Nasıl yapılır kılavuzu Tüm planlar 2 dk okuma

Renkler sekmesindeki renkler menüdeki her öğeye uygulanır; böylece menüyü markanıza tek bir yerden uydurabilirsiniz.

Bir rengi değiştirin

1. Renkler sekmesini açın

   Menü düzenleyicide sol kenar çubuğundaki boya kovası simgesine (1) tıklayın.

   

   Renkler sekmesini açın (1), ardından bir renk alanına tıklayın (2).

2. Bir renk seçin

   Bir rengin yanındaki alana (2) tıklayın. Bir renk seçin veya #FFFFFF gibi bir onaltılık (hex) kod yazın.

3. Önizlemeyi kontrol edin

   Üzerine gelme renklerini kontrol etmek için önizlemedeki öğelerin üzerine gelin.

4. Kaydedin ve yayınlayın

   Kaydet’e, ardından Yayınla’ya tıklayın.

Not

8 haneli bir hex kodu saydamlık ekler: #383838A6, son iki hanesi opaklık olan #383838 rengidir. #FFFFFF00 tamamen saydamdır.

Renk ayarları

Ana menü

Arka plan rengi

Menü çubuğunun arka planı.

Hover background color (üzerine gelince arka plan rengi)

Üst düzey bir öğenin, üzerine gelindiğinde veya alt menüsü açıkken arka planı.

Separator color (ayırıcı rengi)

Öğeler arasındaki ayırıcı çizgiler; Menü ayarları içinde Masaüstünde ayırıcıyı göster veya Mobilde ayırıcıyı göster açıkken gösterilir.

Metin rengi

Üst düzey öğe metni ve simgeleri.

Hover text color (üzerine gelince metin rengi)

Üzerine gelindiğinde üst düzey öğe metni ve simgeleri.

Alt menü

Açılır menüler, mega menüler ve içerikleri.

Arka plan rengi

Alt menünün arka planı.

Border color (kenarlık rengi)

Alt menünün kenarlığı; Menü ayarları içinde Kenarlığı göster açıkken gösterilir.

Heading color (başlık rengi)

Alt menülerin içindeki başlıklar, örneğin bağlantı listesi başlıkları.

Metin rengi

Alt menülerin içindeki bağlantılar ve metinler.

Hover text color (üzerine gelince metin rengi)

Üzerine gelindiğinde alt menü bağlantıları.

Description color (açıklama rengi)

Öğelerin altındaki açıklama metni.

Hover description color (üzerine gelince açıklama rengi)

Üzerine gelindiğinde açıklama metni.

Sekme menüsü

Heading color (başlık rengi)

Sekme adları.

Active heading color (aktif başlık rengi)

Seçili sekmenin adı.

Active background color (aktif arka plan rengi)

Seçili sekmenin arka planı.

Etiket

Menüde gösterilen ürünlerdeki etiketler.

Sale text color · Sale background color (indirim metin rengi · indirim arka plan rengi)

İndirimli ürünlerdeki indirim etiketi.

Sold out text color · Sold out background color (tükendi metin rengi · tükendi arka plan rengi)

Tükendi etiketi.

Sepete ekle düğmesi

Menü ayarları > Gelişmiş içinde Sepete ekle düğmesini göster açıkken gösterilir.

Metin rengi · Hover text color

Düğme metni; normalde ve üzerine gelindiğinde.

Arka plan rengi · Hover background color

Düğme arka planı; normalde ve üzerine gelindiğinde.

Sorun giderme

Öğeler zor okunuyor veya üzerine gelindiğinde kayboluyor

Metin rengi’nin Arka plan rengi ile, Hover text color’ın da Hover background color ile kontrast oluşturduğundan emin olun. Beyaz bir arka plan üzerindeki beyaz metin, üzerine gelindiğinde öğelerin kaybolmasına neden olur.

Bir öğenin farklı renkte olmasını istiyorum

Öğenin kendi Renk ayarlarını kullanın (Pro Navigation planı), örneğin kırmızı bir “İndirim” öğesi için. Bkz. Bir menü öğesini düzenleyin.

İlgili sayfalar

• Menü yazı tiplerini ayarlayınMenünün her bölümü için yazı tipi ailesini, kalınlığını ve boyutunu seçin.
• Menü ayarlarıMenünün tamamına uygulanan düzen, öğeler, animasyon, boşluklar ve diğer ayarları değiştirin.
• Özel CSSMenünün görünümüne ince ayar yapmak için kendi CSS'inizi ekleyin.
• Bir menü öğesini düzenleyinBir öğenin başlığını, bağlantısını, simgesini, renklerini, rozetini, alt menüsünü ve görünürlüğünü değiştirin ya da öğeyi çoğaltın, taşıyın ve silin.

Bu sayfa yardımcı oldu mu?

Sorun bildir