Elementor ile çalışmak

TiboRestoran, 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 (TiboRestoran → 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 TiboRestoran adlı ayrı bir kategori bulunur. Bu kategoride temanın ana sayfa bölümlerinin tamamı hazır bileşen olarak gelir (22 bileşen; ör. Hero, Menüden seçmeler, Rezervasyon, Çalışma saatleri, Galeri).

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

Örnek Elementor sayfası

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

TiboRestoranNası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 TiboRestoran + Elementor bilgi kutusuRenkleri yeniden eşitle

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