# Logoyu değiştirme, site simgesi ve renkler

> Üstbilgideki ve altbilgideki logoyu nasıl değiştirirsiniz, karanlık mod logosu, logo boyutu, site simgesi (favicon) ve site geneli renkler.

*Yardım Merkezi / Tasarım · Güncelleme: 2026-10-15 · 5 dk okuma*

- **Kimler kullanabilir:** Site yöneticileri
- **Planlar:** Tüm planlar

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 logosu | Tasarı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 logosu | Tasarı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ı tipi | Tasarı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.

## Altbilgideki (footer) logoyu değiştirme

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ı](https://ulakom.com/md/yardim/siteler/genel-site-ayarlari.md).

## 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](https://ulakom.com/md/yardim/tasarim/ustbilgi-header-duzenleme.md).

> **İpucu:** Pro paketle sitenizin alt kısmındaki “Haber Yazılımı: Ulakom” bağlantısını kaldırabilirsiniz. Bkz. [planlar](https://ulakom.com/md/yardim/hesap/planlar-ve-faturalandirma.md).

## İlgili makaleler

- [Üstbilgi (header) düzenleme: katmanlar ve bloklar](https://ulakom.com/md/yardim/tasarim/ustbilgi-header-duzenleme.md)
- [Altbilgi (footer) düzenleme](https://ulakom.com/md/yardim/tasarim/altbilgi-footer-duzenleme.md)
- [Tasarım editörüne giriş](https://ulakom.com/md/yardim/tasarim/tasarim-editoru.md)
- [Genel site ayarları](https://ulakom.com/md/yardim/siteler/genel-site-ayarlari.md)

---

Kaynak sayfa: https://ulakom.com/yardim/tasarim/logo-renk-ve-yazi-tipi