Mağazama logo ve favicon nasıl yüklenir?
Mağaza logosu Ayarlar › Mağaza Bilgileri'nden, sitenin üstündeki logo Header bileşeninden, favicon ise tema düzenleyicideki “Favicon” düğmesinden yüklenir.
Son güncelleme:
Panelde
Web SitesiSite YönetimiDüzenle
Panelde logo üç ayrı yerden yönetilir: mağaza bilgilerindeki logo, sitenizin en üstünde görünen logo ve tarayıcı sekmesindeki küçük simge (favicon). Bu alanlar birbirini doldurmaz; birine yüklediğiniz görsel diğerlerinde kendiliğinden görünmez.
Mağaza logosu
- Ayarlar › Mağaza Bilgileri sayfasını açın.
- “Temel Bilgiler” bölümündeki “Mağaza Logosu” alanına tıklayın. Açılan “Medya Albümü” penceresinde daha önce yüklediğiniz bir görseli seçin ya da “Yeni yükle” ile bilgisayarınızdan dosya seçip “Orijinali yükle” düğmesine basın.
- Görsel alana yerleştikten sonra sağ üstteki “Kaydet” düğmesine basın. “Görsel yüklendi” bildirimi logonun kaydedildiği anlamına gelmez; “Kaydet”e basmadan sayfadan çıkarsanız logo mağaza bilgilerine işlenmez.
Bu logo, kendi paylaşım görseli olmayan sayfalarınız sosyal medyada paylaşıldığında önizleme görseli olarak ve arama motorlarına gönderilen yapılandırılmış veride (JSON-LD) mağaza logosu olarak kullanılır. Müşterilerinize giden e-posta şablonlarındaki logo da bu alandan gelir. Panele ilk girişte açılan “Mağazanı Hazırla” listesindeki logo adımı da bu alan doldurulunca tamamlanır.
Sitenin üst kısmındaki logo
Ziyaretçilerin sitenizin en üstünde gördüğü logo, mağaza logosundan otomatik alınmaz; temanızdaki üst bilgi bileşeninin ayarlarından yüklenir. Bu alan boş kalırsa logo yerine bileşendeki “Mağaza Adı” metni gösterilir.
- Web Sitesi › Site Yönetimi sayfasında temanızın kartındaki “Düzenle” düğmesine basın.
- Sol paneldeki “Header” sekmesini açın ve üst bilgi bileşeninin kartına tıklayın.
- “Logo Görseli” alanına tıklayın ve “Medya Albümü” penceresinden görselinizi seçin ya da yeni görsel yükleyin.
- “Logo Genişliği” ile logonun genişliğini ayarlayın. Bazı üst bilgi bileşenlerinde telefon ekranları için ayrı bir “Mobil Logo Genişliği” ayarı da bulunur; sonucu önizlemenin masaüstü ve mobil görünümünde kontrol edin.
- “Logo Alt Metni” alanına mağazanızın adını yazın. Bu metin, görsel yüklenemediğinde ve ekran okuyucularda kullanılır.
- Kart üzerindeki “Kaydet” düğmesine basın.
Üst bilgi temaya bağlıdır. Tema değiştirdiğinizde ya da yeni bir taslak tema oluşturduğunuzda logoyu o temanın üst bilgisinde de kontrol edin. Bazı üst bilgi bileşenlerinde, mobilde açılan menünün üstünde gösterilen ayrı bir “Mobil Menü Logosu” alanı da vardır.
Favicon
- Web Sitesi › Site Yönetimi sayfasında temanızı “Düzenle” ile açın.
- Önizlemenin üstündeki araç çubuğunda “Favicon” düğmesine basın.
- Açılan kutuda “Albümden seç veya yeni yükle” alanına tıklayın ve ICO ya da PNG dosyanızı seçin.
- Favicon seçtiğiniz anda kaydedilir, ayrıca kaydetmeniz gerekmez. Kaldırmak için yüklenen simgenin yanındaki silme düğmesine basın.
Panel 32×32 piksel boyutunda ICO ya da PNG dosyası önerir. Yeni yüklemede yalnız ICO ve PNG kabul edilir; albümden seçerken de ICO ya da PNG bir dosya seçin. Favicon, düzenlediğiniz temaya kaydedilir: Taslak bir temaya yüklediğiniz favicon, tema “Canlıya Al” ile yayına alınınca sitenizde görünür. Favicon yüklemediyseniz sitenizde platformun varsayılan simgesi görünür. Tarayıcılar sekme simgesini önbellekte tuttuğu için yeni simge hemen görünmeyebilir.
Dosya seçerken dikkat edilecekler
- “Mağaza Logosu” ve “Logo Görseli” alanlarına JPG, PNG, WebP, GIF, SVG, AVIF ve ICO dosyası yükleyebilirsiniz. Logo için saydam arka planlı PNG ya da SVG kullanın.
- Panelden yüklenen görseller en fazla 250 KB olarak kaydedilir. PNG ve JPG gibi görseller gerekirse yüklenirken otomatik küçültülür: saydam görseller mümkünse PNG olarak kalır, saydam olmayan büyük görseller WebP'ye çevrilebilir. SVG, GIF ve ICO dosyaları küçültülmez; 250 KB'ı geçen dosya yüklenmez.
- Mağaza logosu e-postalarda da kullanıldığı için bu alanda saydam arka planlı PNG tercih edin.
- Üst bilgi için yatay bir logo seçin; kare logo kullanıyorsanız “Logo Genişliği” değerini küçük tutun.
- Birden fazla bölgede satıyorsanız mağaza logosunu her bölge için ayrıca yükleyin.
Esoltec'te bu konu: Tasarım ve tema özellikleri. Hazır tema, bileşenli vitrin düzenleyici ve alan adı bağlama.
Bu makale işinize yaradı mı?
