Banner tasarlama
Arka plan, renkler, boşluklar, kapatma düğmesi ve tüm çubuğu bağlantıya dönüştürme.
Design paneli, oluşturucunun kenar çubuğundaki fırça simgesidir. Öğelerin kendisi dışında, çubuğun görünümüyle ilgili her şeyi kapsar.
Design ayarları tek bir öğeye değil, tüm çubuğa uygulanır.
Appearance and background
Bölüm başlığı “Appearance and background”Üç arka plan stili:
| Stil | Ne ayarlarsınız |
|---|---|
| Solid | Tek bir renk |
| Gradient | Başlangıç rengi, bitiş rengi ve bir açı |
| Image | Çubuğu kaplayan bir resim |
Colours
Bölüm başlığı “Colours”| Ayar | Neyi kapsar |
|---|---|
| Font | Yazı tipi. Çubuğun kendi yazı tipine ihtiyacı yoksa tema yazı tipinde bırakın. |
| Text | Çubuğun metin rengi |
| Accent | Düğmeler, indirim kodları ve geri sayım; birine kendi rengi verilmediyse |
Anlaşılması gereken ayar Accent’tir. Bir kez ayarlayın; düğme, kod çerçevesi ve sayaç hepsi onu izler. Bir öğeye kendi rengini verirseniz o öğe izlemeyi bırakır.
Close button and link
Bölüm başlığı “Close button and link”Her ikisi de alışveriş yapan kişi çubukla etkileşime girdiğinde ne olacağıyla ilgili iki ayrı şey.
Close button
Bölüm başlığı “Close button”Açtığınızda çubuğun sonunda bir × görünür. Rengini ve üzerine gelindiğindeki rengini ayarlayın.
Bir kişi banner’ı kapattığında onun için kapalı kalır; uygulama bunu tarayıcısında hatırlar, bu yüzden sonraki sayfada yeniden görünmez.
Whole bar clickable
Bölüm başlığı “Whole bar clickable”Bunu açtığınızda çubuğun herhangi bir yerine tıklamak, altında ayarladığınız bağlantıyı açar. Open in a new tab, mağazanızı arkada açık bırakır.
Çubuğun içindeki bir düğmeye veya indirim koduna yapılan tıklamalar yine kendi işini yapar; çubuk bağlantısı bunları engellemez.
Öğelerin çubuk içinde nasıl hizalandığı.
| Ayar | Ne yapar |
|---|---|
| Alignment | Sola, ortaya, sağa veya yayılmış hizalama |
| Gap between elements | Her öğe arasındaki boşluk |
| Wrap on small screens | Açıksa satır, yeri kalmadığında başka bir satıra sarılır. Kapalıysa sıkışır; bu da uzun mesajların kesilmesine yol açabilir. |
Spacing
Bölüm başlığı “Spacing”Vertical padding, çubuğun ne kadar yüksek olduğudur. Horizontal padding ise her uçtaki boşluktur.
İnce bir çubuk bir duyuru gibi okunur; yüksek bir çubuk sayfanın bir bölümü gibi. Çoğu duyuru çubuğu için ince olan daha uygundur.
Custom CSS
Bölüm başlığı “Custom CSS”Panelin altındaki Custom CSS (Developer Zone), yalnızca bu banner içinde geçerli olan kuralları alır. Temanızın geri kalanına ulaşamazlar.
Panellerin kapsamadığı şeyler için kullanın: metin gölgesi, harf aralığı, tek bir öğede farklı bir kenarlık.