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

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ı

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ş

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

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

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ü
• 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

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ı

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

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.