Banner Ekleme
Banner Nedir ve Nereden Yönetilir?
- Slider: Ana sayfanın üst kısmındaki hareketli görseller. Slider alanlarının yönetimi için Slider Ekleme sayfasını inceleyebilirsiniz.
- Banner: Slider'ın altında veya diğer bölgelerde yer alan büyük görseller.
Banner Yönetimi Alanları
- Tasarım Ayarları > Temalar > Tema Ayarları:
- Çoğu temada bannerlar bu alandan yönetilir.
- Banner bölümleri temaya göre farklı isimlerde olabilir:
- Full Banner
- Üçlü Banner
- Ana Sayfa Tema Bannerları
- İkili Banner
- İlgili başlığı bulun ve banner düzenlemelerini buradan yapın.
Tema ayarları ekranındaki diğer başlıklar ve hemen her temada bulunan ortak alanlar için Temalardaki Ortak Ayarlar sayfasını inceleyebilirsiniz.
Not: Temaya göre bu başlıklar farklılık gösterebilir; ancak nihayetinde bu alanlarda "Banner" yazısı yer alır ve Slider haricindeki resim alanlarınızın (bannerlarınızın) düzenlenmesini sağlar.
Önemli Not: Bazı temalarda bannerlar Tasarım Ayarları > Bannerlar bölümünden yönetilir. Aktif tema ayarlarınızda Banner alanı bulunmuyorsa (özel temalarda olduğu gibi), düzenlemeyi Tasarım Ayarları > Bannerlar üzerinden yapabilirsiniz.
Doğru Banner Boyutlarını Belirleme
Boyutlar nerede görünür?
- Banner boyutlarınız, temanızı ilk aktif ettiğinizde ana sayfa görünümünüzde yer alır.
- Boyut bilgisi görünmüyorsa, örnek banner görselini bilgisayarınıza indirip Özellikler > Ayrıntılar bölümünden boyutları öğrenebilirsiniz.
- Banner görsellerinizi birebir doğru boyutlarda hazırlamalısınız. Bunun için önce doğru boyutları öğrenin, ardından Canva'da özel boyut ile banner tasarlayın.
İpuçları
- 1 MB'ın altında bir dosya boyutu hedefleyin.
- Daha düşük boyutlu görseller sitenizin hızını artırır.
- Görsellerinizi compressor.io veya benzer araçlarla sıkıştırabilirsiniz.
- Banner görsellerinizi hızlıca tasarlamak için aşağıdaki "Canva ile Doğru Banner Boyutlandırma ve Tasarım" bölümünü inceleyebilirsiniz.
Banner Ekleme ve Düzenleme Adımları
Banner Görselini Değiştirme
- Adım 1: İlgili banner ayarları bölümünü açın.
- Adım 2: Değiştirmek istediğiniz görseli seçin ve "Kalem İşareti" seçeneğine tıklayın.
- Adım 3: Hazırladığınız doğru boyuttaki görseli yükleyin.
- Adım 4: Kaydet butonuna basarak işlemi tamamlayın.
Banner Üzerindeki Yazıları Düzenleme
- Banner üzerine yazılar ve butonlar eklenebilir:
- Başlık
- Alt Metin
- Buton Yazısı (ör. "Alışverişe Başla")
- Bu yazıları kullanabilir; ya da görsele önceden yerleştirilmiş bir yazı varsa silerek sadece görseli gösterebilirsiniz.
Banner'a Link Ekleme
- Banner düzenleme alanında "Link" bölümüne gidin.
- Yönlendirme yapmak istediğiniz sayfanın bağlantısını ekleyin.
- Örneğin, bir bannerı "Ayakkabı Kategorisi" sayfasına yönlendirebilirsiniz.
Canva ile Doğru Banner Boyutlandırma ve Tasarım
Doğru banner boyutları, sitenizin profesyonel ve düzenli görünmesi için oldukça önemlidir. Canva gibi online tasarım araçları, bannerlarınızı hızlı ve kolay bir şekilde tasarlamanıza olanak tanır. İşte adım adım Canva kullanımı:
1. Banner Boyutunu Öğrenin
- Banner boyutları, temanızın ayarlarında belirtilir (örneğin, 1920x560 piksel).
- Yukarıdaki bilgilerden doğru boyuta erişebilirsiniz.
2. Canva'da Özel Boyut Girin
- Canva'yı açarak "Özel Boyut" seçeneğine tıklayın.
- Banner boyutlarınızı piksel cinsinden girin (örneğin, 1920x560).
- Girilen boyutlara göre Canva, size birebir uyumlu bir çalışma alanı oluşturacaktır.
3. Hazır Şablonları Kullanın
- Sol tarafta yer alan şablonlar, girilen boyuta uygun olarak düzenlenir.
- Beğendiğiniz bir şablonu seçerek:
- Üzerindeki resimleri ve yazıları kolayca değiştirebilirsiniz.
- Kendi markanıza veya sitenize uygun bir tasarım oluşturabilirsiniz.
4. Tasarladığınız Banner'ı Kaydedin
- Tasarımı tamamladıktan sonra görseli bilgisayarınıza indirin.
- JPEG veya PNG formatında ve 1 MB'ın altında bir dosya boyutuyla kaydetmeye özen gösterin.
Canva'nın Bileşenlerini Kullanın
- Tasarımınızı geliştirmek için Canva'nın sunduğu bileşenlerden faydalanabilirsiniz:
- Fotoğraflar: Canva'nın zengin görsel arşivinden bannerınıza uygun yüksek kaliteli fotoğraflar seçebilirsiniz.
- Grafikler: Şekiller, simgeler, ikonlar ve illüstrasyonlarla tasarımlarınıza estetik bir görünüm kazandırabilirsiniz.
- Metinler: Çeşitli yazı tipleriyle (fontlarla) etkileyici başlıklar ve açıklamalar ekleyebilirsiniz.
- Butonlar ve Çerçeveler: Bannerınıza buton ve çerçeve efektleri ekleyerek daha dikkat çekici hale getirebilirsiniz.
- Arka Planlar: Renkli ve desenli arka planlarla tasarımlarınızı zenginleştirebilirsiniz.
Flex Temalarda Banner
Standart temalarda genellikle 3-5 banner alanı bulunurken, flex temalarda çok daha fazla banner alanı yer alır. Buradaki mantık, istediğiniz banner alanlarını kullanıp istemediklerinizi kapatmanızdır. Flex temaların tamamı ve diğer özellikleri için Flex Temalar Nedir? Ayarları ve Özellikleri sayfasını inceleyebilirsiniz.
Flex temalarda banner alanları için ek olarak şu ayarlar bulunur:
- Genişlik (Konteyner / Tam Ekran): Banner'ın belirli bir genişlikte (konteyner) mi yoksa ekranın kenarlarına kadar (tam ekran) mı görüneceğini seçebilirsiniz.
- Arka Plan Rengi: Banner alanının arka planına bir renk verip görselinizi bunun üzerine konumlandırabilirsiniz. Önce "arka plan durumunu" açıp ardından rengi belirlersiniz.
- İç Boşluk (Padding) Değerleri: Banner'ın üst, alt, sağ ve sol boşluklarını ayarlayarak çevresindeki içerikle arasındaki mesafeyi belirleyebilirsiniz.
- Sıralama: Ana sayfadaki banner ve vitrinlerin yerini sürükle-bırak ile değiştirebilir, istemediğiniz banner alanlarını kapatabilirsiniz.
Not: Bazı flex temalarda banner görselinin arkasına ayrı bir arka plan görseli de ekleyebilirsiniz. Bu temalarda arka plan resmi konumu, tekrarı, boyutu ve rengi gibi ek ayarlar bulunur.
İpucu: Banner görsellerinize resim alt etiketi (alt text) ekleyerek görselin arama motorlarında daha iyi tanınmasını sağlayabilirsiniz.