Site Ayarları ve Görsel Özelleştirme

Bu bölümde web sitenizin genel görünümünü markanıza uygun şekilde özelleştirmek için gerekli adımları öğreneceksiniz. Renk paleti, yazı tipleri, favicon, logo yerleşimi ve özel başlık–alt bilgi (header–footer) gibi görsel düzenlemeler ele alınacaktır.

İçerik Tablosu

🔹 1. Görünüm > Özelleştir Paneline Giriş

  1. Sol menüden Görünüm > Özelleştir sekmesine tıklayın.
  2. Açılan bölüm, temanıza göre özelleştirme seçenekleri sunar (Hello Elementor temasında sınırlı olabilir).
  3. Bu panelde yapabileceğiniz temel işlemler:
    • Site kimliği (logo, site başlığı, slogan, favicon)
    • Renkler ve arka planlar
    • Tipografi (yazı tipi ve boyutları)
    • Menü ve widget yönetimi

Elementor kullanıldığı için bu bölüm bazı temalarda sınırlı olabilir; özelleştirmeleri Elementor üzerinden yapmanız önerilir.


🔹 2. Logo ve Favicon Ekleme

Logo:

  1. Özelleştir > Site Kimliği kısmına girin.
  2. “Logo seç” diyerek yüklemek istediğiniz logoyu seçin.
  3. İsteğe bağlı olarak “Site başlığını göster” ayarını kaldırabilirsiniz.

Favicon (Site İkonu):

  1. Aynı sayfa üzerinden “Site Simgesi” alanına gelin.
  2. Minimum 512×512 px boyutlarında bir ikon yükleyin.
  3. Bu ikon tarayıcı sekmesinde ve mobil cihaz ana ekranında görünür.

🔹 3. Renk ve Tipografi Ayarları

Eğer temanız veya Elementor Pro sürümünüz destekliyorsa:

  1. Elementor panelindeyken sol üstteki Hamburger Menü (≡) > Site Ayarları seçeneğine tıklayın.
  2. Buradan şu genel ayarları yapabilirsiniz:
    • Global Renkler: Ana renk, vurgu rengi, metin rengi, başlık renkleri
    • Yazı Tipleri: Başlık fontu, gövde fontu, boyutlar
    • Düğme (buton) stilleri: Renk, şekil, kenarlıklar
    • Bağlantılar: Renk ve hover efekti

İpucu: Kurumsal kimliğinize ait renk kodlarını (#FF6600 gibi) kullanarak markanıza özgü bir görsellik oluşturun.


🔹 4. Başlık (Header) ve Alt Bilgi (Footer) Düzenleme

Eğer Elementor Header & Footer Builder yüklüyse:

  1. Görünüm > Header Footer Builder yolunu izleyin.
  2. “Yeni Şablon Ekle” butonuyla özel bir başlık veya alt bilgi oluşturun.
  3. Elementor ile açarak içerisine şu öğeleri ekleyin:
    • Logo
    • Menü
    • Sosyal medya ikonları
    • İletişim bilgileri
    • Telif hakkı (©) alanı
  4. Görünme konumunu belirleyin:
    • Tüm sitede
    • Sadece ana sayfada
    • Mobilde/masaüstünde farklı şablonlar

🔹 5. Mobil ve Tablet Görünümler

Elementor, sayfalarınızı cihazlara özel olarak özelleştirmenizi sağlar:

  1. Sayfa düzenleme sırasında sol alt köşeden cihaz simgesine tıklayın.
  2. “Mobil” veya “Tablet” görünümüne geçin.
  3. Her görünüm için font boyutları, hizalama, boşluk ve görünürlük ayarlarını ayrı ayrı yapabilirsiniz.

Duyarlı (responsive) tasarım, kullanıcı deneyimi açısından kritik öneme sahiptir.


➕ Bir Sonraki Bölümde

Web sitenizi daha güçlü ve güvenli hale getirmek için kullanabileceğiniz temel eklentileri, SEO ayarlarını, performans hızlandırıcıları ve güvenlik önlemlerini öğreneceksiniz.