# Tasarım editörü rehberi: sitenizi adım adım tasarlayın

> Logoyu değiştirmekten üstbilgi rengine, ana sayfa bölümlerinden haber sayfası düzenine ve footer’a kadar tasarım editörünün her ekranı.

*Rehberler · Güncelleme: 2026-10-15 · 15 dk okuma*

Bu rehber, örnek bir haber sitesini tasarım editöründe baştan sona düzenler. Her adımda neye tıklayacağınızı ve ayarın nerede olduğunu bulursunuz. Ayrıntılı makaleler her bölümün sonunda bağlantılıdır.

## Editörün haritası

| Bölge | İçindekiler |
| --- | --- |
| Üst çubuk | × · Genel Ayarlar · sayfa seçici (Ana Sayfa ▾) · aydınlık/karanlık önizleme · masaüstü/tablet/mobil · Siteyi Gör · Geri Al · Taslak Kaydet · Yayına Al |
| Sol panel (Sayfa Yapısı) | Üstbilgi (Header) katmanları · Şablon — Ana Sayfa bölümleri · Altbilgi (Footer) katmanları |
| Orta | Canlı önizleme; tıkladığınız öğe seçilir |
| Sağ panel | Seçili öğenin ayarları |

## 1. Editörü açın

Sol alttaki **Web Siteleri** → sitenin kartında **Yönet** → **Tasarım** → **Tasarımı Düzenle**. → [Tasarım editörüne giriş](https://ulakom.com/md/yardim/tasarim/tasarim-editoru.md)

## 2. Logonuzu değiştirin

1. Sol panelde **Üstbilgi (Header) → Ana Bar (Main Bar)** altındaki ilk satıra (sitenizin adı) ya da önizlemede logoya tıklayın.
2. Sağda **Site Logosu & Başlığı** açılır. **Görüntüleme Modu: Sadece Görsel**’i seçin.
3. **Logo (aydınlık mod)** yanında **Yükle** ile logonuzu yükleyin ya da **Kütüphane**’den seçin. Karanlık tema için **Logo (karanlık mod)** alanına beyaz logonuzu ekleyin.
4. Gerekirse **Genişlik / Yükseklik** ve **Maks. Genişlik / Maks. Yükseklik** ile boyutu, **Görsel Sığdırma: contain** ile oranı ayarlayın.
5. **Görsel Alt Metni**’ne sitenizin adını yazın.

Footer’daki logo ayrıdır: **Altbilgi (Footer) → Ana Gövde → Logo & Hakkımızda**. → [Logoyu değiştirme](https://ulakom.com/md/yardim/tasarim/logo-renk-ve-yazi-tipi.md)

## 3. Üstbilginin rengini ve katmanlarını ayarlayın

- Katmanın adına (ör. **Ana Bar (Main Bar)**) tıklayın; **Bar Renk & Tasarım Ayarları**’nda **Açık Mod** ve **Koyu Mod** için arka plan rengini seçin ya da renk kodu yazın.
- İstemediğiniz katmanı **Katmanı Etkinleştir** anahtarıyla kapatın (ör. kur bandını göstermek istemiyorsanız Üst Bar).
- Menünün ekranın üstünde sabit kalması için Menü Barı’nda **Sabit / Yapışkan Bar (Sticky)**’yi açın.
- **Bölge Genişlik Dağılımı** ile sol/orta/sağ bölgelerin genişliğini hazır şablonlarla (ör. 70/30) ya da kaydırıcılarla ayarlayın.

→ [Üstbilgi düzenleme](https://ulakom.com/md/yardim/tasarim/ustbilgi-header-duzenleme.md)

## 4. Arama, giriş ve tema düğmelerini düzenleyin

- **Arama kutusu:** Görünüm (Dolu, Çerçeveli, Şeffaf, Yalnızca ikon…), boyut, yer tutucu metin ve renkler.
- **Karanlık / Aydınlık düğmesi:** Ziyaretçinin temayı değiştirmesini sağlar.
- **Giriş Yap:** Düğme metni, İkon + Metin / Yalnızca İkon düzeni, buton tasarımı (Dolu, Degrade, Neon…) ve renkler.

## 5. Menü ve son dakika bandı

- **Navigasyon & Kategori** bloğunda menünün **Üzerine Gelince (Hover) Efekti**’ni (alt çizgi, hap, köşeli parantez…) seçin; **BÜYÜK HARF** seçeneğini açıp kapatın.
- Menüdeki kategorilerin kendisi **Yönet → Menü**’den düzenlenir. → [Kategoriler ve menü](https://ulakom.com/md/yardim/yayin/kategoriler-ve-menu.md)
- **SON DAKİKA** bloğunda rozet metnini, akış biçimini (Aşağıdan Yukarı, Kayan Bant, Solarak Geçiş) ve haber değişim aralığını ayarlayın.

## 6. Ana sayfa bölümlerini düzenleyin

1. Önizlemede **+ Buraya Bölüm Ekle**’ye tıklayın; **Bölüm Ekle** panelinden bir manşet, kategori vitrini, piyasa bandı, video ya da yazarlar bölümü seçin.
2. Bölümü seçip sağdan başlık, başlık stili, kategoriler, haber sayısı ve renkleri ayarlayın.
3. Sıralamak için sol listede satırı sürükleyin ya da **↑ / ↓** oklarını kullanın; silmek için çöp kutusuna basın.

→ [Ana sayfa bölümleri](https://ulakom.com/md/yardim/tasarim/ana-sayfa-bolumleri.md)

## 7. Haber, kategori ve yazar sayfalarını düzenleyin

- Üst çubuktaki sayfa seçiciden **Haber Detayı**’nı seçin. **Sayfa düzeni ve ayarları**’ndan Yan Sütunlu / Tek Sütun / Dergi düzenini, yan sütun konumunu ve genişliğini seçin.
- Haber Başlığı, Yazar ve Bilgi Çubuğu, Kapak Görseli, Haber Metni gibi blokları tıklayıp ayarlayın; oklarla sıralayın ya da **→ Sayfa Üstü / → Yan Sütun / → Sayfa Altı** ile taşıyın.
- **Kategori Sayfası**’nda haber listesi düzenini (Kart Izgarası, Editoryal Liste, Mozaik Izgara…) ve en üstteki vitrini seçin.
- **Yazar Sayfası**, **İletişim**, **Video Galeri** ve **Arama** şablonlarını da aynı şekilde düzenleyin.

→ [Sayfa şablonları](https://ulakom.com/md/yardim/tasarim/sayfa-sablonlari.md)

## 8. Footer’ı düzenleyin

- **Logo & Hakkımızda:** Footer logosu ve tanıtım metni.
- **Kurumsal** ve **Kategoriler:** Gösterilecek menüyü seçin (özel linkler ya da Ana Menü).
- **Sosyal Medya İkonları:** Görünüm stili ve gösterilecek hesaplar (adresler **Yönet → Genel**’den gelir).
- **Telif Hakkı:** Dinamik yıl ve telif metni.

→ [Altbilgi düzenleme](https://ulakom.com/md/yardim/tasarim/altbilgi-footer-duzenleme.md)

## 9. Genel renk ve yazı tipini seçin

Üst çubuktaki **Genel Ayarlar** → **Renkler, Tipografi, Görünüm**. Bu ayarlar tüm sayfaları etkiler; **Varsayılan ayarlara dön** ile sıfırlayabilirsiniz.

## 10. Kontrol edin ve yayına alın

1. Üst çubuktan **mobil** ve **tablet** görünüme geçip kontrol edin; güneş/ay simgesiyle **karanlık temayı** da deneyin.
2. **Taslak Kaydet** ile ara kayıt alın.
3. Hazır olduğunuzda **Yayına Al**’a basın ve **Siteyi Gör** ile canlı sitenizi açın.

> **İpucu:** Beğendiğiniz tasarımı başka sitenize taşımak için **Yönet → İçe/Dışa Aktar → Tasarım ve ayarlar** kullanın. Bunlarla uğraşmak istemiyorsanız [kurulum hizmeti](https://ulakom.com/md/yardim/siteler/kurulum-hizmeti.md) sitenizi sizin için tasarlar.

---

Kaynak sayfa: https://ulakom.com/ogrenme-merkezi/tasarim-editoru-rehberi