Logoyu değiştirme, site simgesi ve renkler

Güncelleme: 15 Eki 20265 dk okuma

Kimler kullanabilir: Site yöneticileri

Planlar: Tüm planlar

Planları görün

Sitenizde logo iki yerde bulunur: en üstteki üstbilgide (header) ve en alttaki altbilgide (footer). İkisi ayrı ayarlanır. Tarayıcı sekmesindeki küçük simge (favicon) ise Genel ayarlardadır.

Ne?Nerede değiştirilir?
Üstbilgi logosuTasarım editörü → Sayfa Yapısı → Üstbilgi (Header) → Ana Bar (Main Bar) → site logosu bloğu (listede sitenizin adıyla görünür)
Altbilgi logosuTasarım editörü → Sayfa Yapısı → Altbilgi (Footer) → Ana Gövde → Logo & Hakkımızda bloğu
Site simgesi (favicon)Web Siteleri → Yönet → Genel → site simgesi
Site adı ve açıklamasıYönet → Genel → Temel Bilgiler
Site geneli renkler ve yazı tipiTasarım editörünün üst çubuğundaki Genel Ayarlar

Üstbilgideki logoyu değiştirme

  1. Web Siteleri → Yönet → Tasarım → Tasarımı Düzenle ile tasarım editörünü açın.
  2. Soldaki Sayfa Yapısı’nda Üstbilgi (Header) altında Ana Bar (Main Bar)’ı bulun. İlk satır site logosu bloğudur (sitenizin adıyla görünür, ör. “Ulakom Gene… Sol”). Ona tıklayın ya da önizlemede logonun üzerine tıklayın.
  3. Sağda Site Logosu & Başlığı (Header) ayarları açılır. Görüntüleme Modu’nu seçin: Görsel + Yazı, Sadece Görsel ya da Sadece Yazı. Logo görseli kullanacaksanız Sadece Görsel’i seçin.
  4. Logo Görselleri bölümünde Logo (aydınlık mod) kutusunun yanındaki Yükle’ye basıp bilgisayarınızdan logoyu seçin ya da daha önce yüklediğiniz bir görseli Kütüphane’den seçin.
  5. İsterseniz Logo (karanlık mod, isteğe bağlı) için ikinci bir logo yükleyin (ör. beyaz logo). Site karanlık temadayken bu logo gösterilir.
  6. Önizlemede logoyu kontrol edin, üstteki Taslak Kaydet’e ve ardından Yayına Al’a basın.

İpucu

Üstbilginiz koyu ya da renkli (ör. kırmızı) ise beyaz/açık renkli logo kullanın; açık renkli üstbilgide koyu logo kullanın. Logonun arka planı şeffaf olmalıdır (şeffaf PNG ya da SVG).

Logo boyutu ve sığdırma

  • Genişlik (ör. 220px) ve Yükseklik (ör. 48px): Logonun gösterileceği boyut.
  • Maks. Genişlik (ör. 280px) ve Maks. Yükseklik (ör. 60px): Logo bu ölçüleri hiç aşmaz.
  • Görsel Sığdırma: contain (oranı koruyarak sığdır, önerilen), cover (kırparak doldur), fill (alanı gererek doldur) ya da none (orijinal boyut).

Yazı logosu (görsel yoksa)

Görsel + Yazı ya da Sadece Yazı modunda Metin & Tipografi bölümünden Başlık / Site Adı ve Slogan / Alt Başlık yazılır, Yazı Boyutu Küçük, Normal ya da Büyük seçilir.

Logonun diğer ayarları

  • Katman İçi Hizalama / Konum: Logoyu katmanın solunda, ortasında ya da sağında gösterir.
  • Başka Katmana Taşı: Logoyu örneğin Ana Bar’dan Menü Barı’na taşır.
  • Bağlantı & Hedef: Logoya tıklanınca gidilecek adres (varsayılan “/” ana sayfa) ve aynı/yeni sekme.
  • SEO & Semantik HTML: Logoyu sayfanın <h1> başlığı olarak işaretleme, HTML etiketi, Görsel Alt Metni ve Başlık İpucu Metni. Alt metne sitenizin adını yazın.
  1. Tasarım editöründe sol paneli aşağı kaydırın ve Altbilgi (Footer)’ı açın.
  2. Ana Gövde (Logo, Menüler & İletişim) altındaki ilk bloğa (sitenizin adıyla görünür, “Kolon 1”) ya da önizlemede footer’daki logoya tıklayın.
  3. Sağda Logo & Hakkımızda ayarları açılır. Logo & Tanıtım Ayarları bölümünde Logo (aydınlık mod) ve Logo (karanlık mod, isteğe bağlı) için Yükle ya da Kütüphane’yi kullanın.
  4. Aynı bölümde logonun altındaki tanıtım metnini (ör. “Türkiye ve dünyadan en son dakika haberleri…”) düzenleyebilirsiniz.
  5. Taslak Kaydet ve Yayına Al ile kaydedin.

İpucu

Footer genellikle koyu zeminlidir; burada beyaz logo kullanmak en iyi sonucu verir.

Site simgesi (favicon)

Tarayıcı sekmesinde, yer işaretlerinde ve telefonda ana ekrana eklenince görünen küçük simgedir. Web Siteleri → Yönet → Genel sayfasındaki site simgesi alanından Medyadan Değiştir ya da Cihazdan Yükle ile değiştirin. Kare ve en az 512×512 piksel olmalıdır. Bkz. genel site ayarları.

Site geneli renkler ve yazı tipi

Tasarım editörünün üst çubuğundaki Genel Ayarlar’a tıklayın. Solda GENEL AYARLAR paneli açılır; bu ayarlar tüm sayfaları etkiler:

  • Renkler: Sitenizin ana renkleri (bağlantılar, vurgular, rozetler).
  • Tipografi: Sitede kullanılan yazı tipi (ör. Inter).
  • Görünüm: Kartların ve blokların genel görünüm stili (ör. Kart).
  • Varsayılan ayarlara dön: Genel ayarları ilk haline getirir.

Değişiklikler canlı önizlenir; tüm sayfalara uygulanması için Taslak Kaydet ve Yayına Al ile kaydedin. Üstbilgi katmanlarının (ör. kırmızı Ana Bar) ve tek tek blokların renkleri ise kendi ayarlarından değiştirilir. Bkz. üstbilgi düzenleme.

İpucu

Pro paketle sitenizin alt kısmındaki “Haber Yazılımı: Ulakom” bağlantısını kaldırabilirsiniz. Bkz. planlar.

İlgili makaleler

Bu makale işinize yaradı mı?

İçeriklerimizi geliştirmemiz için bize bildirin.

Hâlâ yardım mı lazım?

Ulakom destek ekibi hafta içi her gün yanınızda

Destek talebiFormu doldurun, e-postayla dönelim