Elementor ile çalışmak

Elementor’u kurma, tema bileşenleri kategorisi, örnek sayfa, tam genişlik sayfalar ve renk eşitleme.

vEkim 2026+ 2 dk okumaSon güncelleme:
Bu sayfada 5 başlık

TiboOto, Elementor ve Elementor Pro ile tam uyumludur. Elementor isteğe bağlıdır: tema kendi Canlı Düzenle aracıyla eksiksiz çalışır. Elementor’u seviyorsanız ana sayfayı ve iç sayfaları onunla da tasarlayabilirsiniz; ücretsiz sürüm yeterlidir.

Elementor’u kurma

  1. EklentilerYeni ekle ekranında “Elementor” aratın, Şimdi kur ve Etkinleştir’e basın.

  2. Demo kurarken (TiboOto → Panel & Demolar) düzenleyici olarak Elementor’u seçerseniz bu adımı tema sizin için yapar (bkz. Düzenleyici seçimi).

Tema bileşenleri

Elementor düzenleyicisinin sol panelinde TiboOto adlı ayrı bir kategori bulunur. Bu kategoride temanın ana sayfa bölümlerinin tamamı hazır bileşen olarak gelir (ana sayfadaki bölüm sayısı kadar bileşen; ör. Hero, Hizmetler, SSS).

  • Bileşeni sayfaya sürükleyin: boş gelmez, demo içeriğiyle dolu gelir. Yazıları ve görselleri sağdaki alanlardan değiştirin.

  • Listeler (slayt, SSS, ekip, fiyat paketleri, yorumlar…) öğe düzenleyici ile yönetilir.

  • Bileşenler temanın kendi tasarımını kullanır; renkler ve yazı tipleri sitenizin geri kalanıyla aynı kalır.

[Ekran kaydı: Elementor’da TiboOto kategorisinden bir bileşeni sürükleyip bırakma]
Elementor’da TiboOto kategorisinden bir bileşeni sürükleyip bırakma

Örnek Elementor sayfası

Tüm bileşenleri tek sayfada görmek için:

TiboOtoNasıl Kullanılır?Örnek Elementor sayfası oluştur

Aynı düğme, Elementor etkinleşince panelin üstünde çıkan bilgi kutusunda da bulunur. Düğme, bütün bileşenleri içeren taslak bir sayfa oluşturur. İstediğiniz bölümleri kopyalayıp kendi sayfalarınıza taşıyabilirsiniz.

Elementor ile tasarlanan sayfalar

  • Tam genişlik: Elementor ile düzenlenen sayfalar kenar boşluğu olmadan, temanın kendi üst ve alt alanıyla (header ve footer) açılır.

  • Ana sayfa: Ana sayfayı Elementor ile tasarlarsanız bu tasarım, temanın modüllü ana sayfasının yerine geçer. Tema düzenleyicisine dönmek için Düzenleyici seçimi’ne bakın.

  • İç sayfalar: Elementor kullanmadığınız sayfalar her zamanki gibi WordPress blok düzenleyicisiyle çalışır.

Renk ve genişlik eşitleme

Temanın renkleri ve sayfa genişliği, Elementor’un Site Ayarları’na kendiliğinden aktarılır; Elementor’da “Global renkler” altında tema renklerinizi görürsünüz. Tema renklerini sonradan değiştirdiyseniz:

Panelin üstündeki TiboOto + Elementor bilgi kutusuRenkleri yeniden eşitle

Aynı işlem TiboOto → Nasıl Kullanılır? ekranındaki Renkleri Elementor’a aktar düğmesiyle de yapılır.

Yazı tipleri Elementor’a ayrıca yükletilmez; tema yazı tiplerini sitenizden sunar. Böylece Google’a ikinci kez bağlanılmaz: sayfa daha hızlı açılır ve KVKK açısından ziyaretçi verisi dışarı gitmez.

Elementor bileşenleri lisans etkinken yüklenir. Bileşen kategorisini göremiyorsanız önce lisansınızı girin (bkz. Lisans ve kilit).

Bu sayfa yardımcı oldu mu?

Hâlâ çözemediniz mi? Destek talebi açın → · Sayfada hata mı var? Bildirin

Şu an çevrimdışıyız · WhatsApp'tan yazın