# Tasarım editörüne giriş

> Tasarım editörünü açın; üst çubuğu, Sayfa Yapısı panelini, önizlemeyi ve ayar panelini tanıyın. Taslak kaydedip yayına alın.

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

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

Sitenizin tüm görünümü (logo, üstbilgi, menü, ana sayfa bölümleri, haber sayfası, altbilgi) tek bir görsel editörden düzenlenir. Kod bilmeniz gerekmez; yaptığınız her değişikliği anında önizlemede görürsünüz.

## Tasarım editörünü açma

1. Sol alttaki **Web Siteleri**’ne gidin ve sitenin kartında **Yönet**’e tıklayın.
2. Site menüsünden **Tasarım**’ı açın. Sitenizin önizlemesini ve bölüm sayısını görürsünüz.
3. **Tasarımı Düzenle**’ye (ya da önizlemenin üzerindeki **Tasarımı Görsel Editörde Aç**’a) tıklayın. Editör tam ekran açılır.

## Üst çubuk

| Öğe | Ne işe yarar? |
| --- | --- |
| × ve site adı | Editörü kapatır. Yanında “… — Tasarım Editörü” yazar. |
| Genel Ayarlar | Tüm sayfaları etkileyen renkler, tipografi (yazı tipi) ve görünüm. Bkz. [genel ayarlar](https://ulakom.com/md/yardim/tasarim/logo-renk-ve-yazi-tipi.md). |
| Kaydedilmemiş değişiklikler | Kaydetmediğiniz bir değişiklik olduğunda çıkan sarı etiket. |
| Sayfa seçici (ör. Ana Sayfa ▾) | Düzenlediğiniz şablonu değiştirir: Ana Sayfa, Haber Detayı, Köşe Yazısı, Kategori Sayfası, Yazar Sayfası, İletişim, Video Galeri ve diğerleri. Bkz. [sayfa şablonları](https://ulakom.com/md/yardim/tasarim/sayfa-sablonlari.md). |
| Güneş / ay simgesi | Önizlemeyi aydınlık ya da karanlık temada gösterir. |
| Masaüstü / tablet / mobil | Önizlemenin ekran genişliği. |
| Siteyi Gör | Yayındaki sitenizi yeni sekmede açar. |
| Geri Al | Son değişikliği geri alır. |
| Taslak Kaydet | Değişiklikleri sitenize yansıtmadan saklar. |
| Yayına Al | Değişiklikleri canlı sitenizde yayınlar. |

## Sol panel: Sayfa Yapısı

Soldaki **SAYFA YAPISI** paneli sayfanızın iskeletidir. Üç ana parçası vardır:

- **Üstbilgi (Header) — Modüler:** Tüm sayfalarda ortak olan üst kısım. Dört katmandan (Üst Bar, Ana Bar, Menü Barı, Alt Bar) ve Mobil Menü Çekmecesi’nden oluşur. Logo, arama, menü ve son dakika bandı buradadır. Bkz. [üstbilgi düzenleme](https://ulakom.com/md/yardim/tasarim/ustbilgi-header-duzenleme.md).
- **Şablon — Ana Sayfa** (ya da seçtiğiniz sayfa): O sayfanın numaralı bölümleri. Bkz. [ana sayfa bölümleri](https://ulakom.com/md/yardim/tasarim/ana-sayfa-bolumleri.md).
- **Altbilgi (Footer) — 4 Katman:** Tüm sayfalarda ortak olan alt kısım: footer logosu, kurumsal linkler, kategoriler, sosyal medya ve telif yazısı. Bkz. [altbilgi düzenleme](https://ulakom.com/md/yardim/tasarim/altbilgi-footer-duzenleme.md).

Listede bir satıra tıklamak o öğeyi seçer ve sağ panelde ayarlarını açar. Satırlardaki **↑ / ↓** okları sırayı değiştirir, çöp kutusu siler; **Sol / Orta / Sağ** etiketi öğenin katman içindeki konumunu gösterir.

## Orta alan: canlı önizleme

- Önizlemede bir öğeye tıklamak da onu seçer. Seçili öğe kırmızı çerçeveyle işaretlenir ve üstünde küçük bir araç çubuğu çıkar: öğenin adı, **Sol / Orta / Sağ** hizalama, ok düğmeleri ve sil.
- Üstbilgi katmanlarının sağ üstünde katmanın adı ve genişlik oranları (ör. “Ana Bar (Main Bar) (17,2% / 13,8%)”) ile **+ Blok Ekle** düğmesi görünür.
- Bölümlerin arasında **+ Buraya Bölüm Ekle** düğmeleri vardır.

## Sağ panel: ayarlar

Seçtiğiniz öğenin tüm ayarları sağ panelde açılır. Hiçbir şey seçili değilse “Sol panelden bir bölüm seçin” yazar. Panelin üst köşesindeki **indir / yükle** simgeleri o öğenin ayarlarını dosya olarak dışa ya da içe aktarır. Panelin en altında öğeyi kaldırma düğmesi bulunur (ör. **Bu Header Bloğunu Sil**, **Bu bölümü kaldır**).

## Kaydetme ve yayına alma

1. Değişiklik yaptığınızda üstte **Kaydedilmemiş değişiklikler** etiketi çıkar.
2. **Taslak Kaydet** değişiklikleri saklar ama sitenize yansıtmaz; istediğiniz zaman devam edebilirsiniz.
3. Hazır olduğunuzda **Yayına Al**’a basın. Yeni tasarım canlı sitenizde görünür.

> **İpucu:** Tasarım ve içerik ayrıdır: tasarımı istediğiniz kadar değiştirebilirsiniz, haberleriniz yerinde kalır. Yayına almadan önce önizlemeyi **mobil** görünümde ve **karanlık** temada da kontrol edin.

> **İpucu:** Adım adım uygulamalı anlatım için [tasarım editörü rehberine](https://ulakom.com/md/ogrenme-merkezi/tasarim-editoru-rehberi.md) bakın.

## İlgili makaleler

- [Logoyu değiştirme, site simgesi ve renkler](https://ulakom.com/md/yardim/tasarim/logo-renk-ve-yazi-tipi.md)
- [Üstbilgi (header) düzenleme: katmanlar ve bloklar](https://ulakom.com/md/yardim/tasarim/ustbilgi-header-duzenleme.md)
- [Ana sayfa bölümleri: ekleme, sıralama ve ayarlar](https://ulakom.com/md/yardim/tasarim/ana-sayfa-bolumleri.md)
- [Sayfa şablonları: haber, kategori, yazar ve diğer sayfalar](https://ulakom.com/md/yardim/tasarim/sayfa-sablonlari.md)
- [Altbilgi (footer) düzenleme](https://ulakom.com/md/yardim/tasarim/altbilgi-footer-duzenleme.md)

---

Kaynak sayfa: https://ulakom.com/yardim/tasarim/tasarim-editoru