Elementor, WordPress kullanıcılarının kod bilgisine ihtiyaç duymadan profesyonel görünümlü web sayfaları oluşturmasına olanak tanıyan sürükle-bırak tabanlı bir sayfa oluşturucudur. Hızlı kurulum, yüksek özelleştirme imkanı ve gelişmiş tasarım araçları sayesinde, hem yeni başlayanlar hem de deneyimli geliştiriciler tarafından yaygın olarak tercih edilir.
Bu rehberde Elementor’un ne olduğunu, nasıl kurulduğunu, temel ayarlarını ve WordPress üzerinde sayfa oluşturma adımlarını detaylı şekilde ele alıyoruz.
İçindekiler
Elementor Nedir?
Elementor’un Temel Özellikleri
Elementor Nasıl Kurulur?
1. Elementor Eklentisini Yükleme
2. Elementor Pro Sürümü (Opsiyonel)
Elementor Ayarları Nasıl Yapılır?
Genel Ayarlar
Gelişmiş Ayarlar
Elementor ile WordPress Sayfası Nasıl Oluşturulur?
1. Yeni Sayfa Oluşturma
2. Elementor Arayüzü ile Tanışma
3. Elementor Widget’ları Kullanma
4. Sayfa Düzenini Belirleme
5. Hazır Şablonları Kullanma
Elementor ile SEO Uyumlu Sayfa Tasarımı
Elementor Pro ile Gelen Ekstra Özellikler
Elementor Kullanırken Dikkat Edilmesi Gerekenler
Sonuç
Elementor Nedir?
Elementor, WordPress için geliştirilen ücretsiz ve premium sürümleri bulunan bir sayfa oluşturucu eklentisidir. Sürükle-bırak arayüzü sayesinde kullanıcılar, görsel düzenleme yaparak sayfa tasarımlarını canlı olarak görebilir ve anında özelleştirme yapabilirler.
Elementor’un Temel Özellikleri
Kod yazmadan sayfa oluşturma
Gerçek zamanlı görsel düzenleme
Hazır şablon kütüphanesi
Mobil uyumlu tasarım kontrolü
Gelişmiş stil, animasyon ve widget seçenekleri
Elementor Nasıl Kurulur?
1. Elementor Eklentisini Yükleme
WordPress paneline giriş yapın.
“Eklentiler > Yeni Ekle” yolunu izleyin.
Arama çubuğuna Elementor yazın.
“Elementor Website Builder” eklentisini yükleyin ve etkinleştirin.
2. Elementor Pro Sürümü (Opsiyonel)
Elementor’un Pro sürümü, daha fazla widget, tema oluşturucu ve gelişmiş tasarım özellikleri sunar. Elementor Pro’yu resmi sitesinden lisanslı olarak edinebilir ve ZIP dosyasını yükleyerek etkinleştirebilirsiniz.
Elementor Ayarları Nasıl Yapılır?
Elementor yüklendikten sonra bazı temel ayarları yapılandırmanız önerilir:
Genel Ayarlar
“Elementor > Ayarlar” bölümüne gidin.
Hangi yazı türlerinde Elementor kullanılacağını seçin (sayfa, yazı vb.).
Varsayılan renk ve yazı tipi ayarlarını devre dışı bırakabilirsiniz (tema ile çakışmaması için).
Gelişmiş Ayarlar
Switch Editor Loader Method (bazı sunucularda beyaz ekran hatası için önerilir)
İzin ayarları ile kimlerin Elementor kullanabileceğini belirleyin
Performans optimizasyonu için JavaScript/CSS küçültme seçenekleri
Elementor ile WordPress Sayfası Nasıl Oluşturulur?
1. Yeni Sayfa Oluşturma
“Sayfalar > Yeni Ekle” kısmına gidin.
Sayfa başlığını girin ve “Elementor ile Düzenle” butonuna tıklayın.
2. Elementor Arayüzü ile Tanışma
Sol panel: Widget seçenekleri (başlık, görsel, buton vb.)
Orta alan: Canlı önizleme ve sürükle-bırak düzenleme
Sağ üst: Sayfa ayarları, mobil görünüm, güncelleme seçenekleri
3. Elementor Widget’ları Kullanma
Bazı temel widget’lar şunlardır:
Başlık: Sayfa başlığı eklemek için
Görsel: Resim yerleştirme
Buton: Tıklanabilir CTA butonları
Video: YouTube veya yerel video ekleme
İkonlar, Arka Planlar, Karusel ve Galeri: Görsel tasarımı zenginleştirme
4. Sayfa Düzenini Belirleme
Satır ve sütunlar oluşturarak bölümler ekleyin
Kenar boşluğu, dolgu ve hizalama gibi stil ayarlarını uygulayın
Mobil görünümü ayrı olarak optimize edin
5. Hazır Şablonları Kullanma
Elementor’un sunduğu hazır şablonları “Şablonlar > Kit Kütüphanesi” üzerinden kullanabilirsiniz.
İsteğe göre şablonları özelleştirebilir, kaydedebilir ve tekrar kullanabilirsiniz.
Elementor ile SEO Uyumlu Sayfa Tasarımı
Elementor, SEO uyumlu sayfa oluşturmak için şu avantajları sunar:
Temiz HTML çıktısı
Hızlı yüklenen sayfalar (optimize edilmiş CSS ve JS)
Yoast SEO ve Rank Math gibi eklentilerle tam uyumluluk
Mobil uyumlu yapı
İpucu: Görseller için alt metin eklemeyi ve başlık etiketlerini doğru kullanmayı unutmayın.
Elementor Pro ile Gelen Ekstra Özellikler
Tema Oluşturucu: Header, footer, arşiv sayfaları gibi dinamik alanları özelleştirme
WooCommerce Entegrasyonu: Ürün sayfaları ve ödeme sayfaları düzenleme
Form Widget’ı: Gelişmiş formlar, entegrasyonlar (Mailchimp, Zapier)
Popup Oluşturucu: Özelleştirilebilir açılır pencere tasarımı
Elementor Kullanırken Dikkat Edilmesi Gerekenler
Kullanılan tema Elementor uyumlu olmalı (Hello, Astra, GeneratePress önerilir)
Gereksiz widget kullanımı sayfa hızını etkileyebilir
Tüm değişiklikler kaydedilmeden çıkılmamalı
Sayfa yayınlanmadan önce mobil uyumluluk kontrol edilmeli
Sonuç
Elementor, WordPress kullanıcılarının hızlı, esnek ve profesyonel web sayfaları oluşturmasını sağlayan güçlü bir araçtır. Bu rehberde Elementor’un ne işe yaradığını, nasıl kurulduğunu ve nasıl etkili bir şekilde kullanılacağını adım adım inceledik. Web sitenizi görsel olarak zenginleştirmek, kullanıcı deneyimini artırmak ve SEO uyumlu sayfalar oluşturmak istiyorsanız Elementor sizin için ideal bir çözüm olabilir.
