Elementor WordPress Sayfa Oluşturucuyu Nasıl Kurulur: Eksiksiz Teknik Kılavuz

Elementor, WordPress için varsayılan blok düzenleyicisinin yerini gerçek zamanlı ön uç tasarım arayüzüyle değiştiren görsel, sürükle-bırak bir sayfa oluşturucu eklentisidir. Sayfa yeniden yüklenmesine gerek kalmadan düzen değişikliklerini anında işler ve bu sayede üretim sitelerinde 10 milyonun üzerinde aktif kurulumla en yaygın kullanılan WordPress eklentilerinden biri haline gelmiştir.

Bu kılavuz, sunucu tarafı ön koşulları, yaygın hata noktaları ve çoğu öğreticinin tamamen atladığı kurulum sonrası yapılandırma adımları dahil olmak üzere hem Elementor Free hem de Elementor Pro için eksiksiz kurulum sürecini kapsamaktadır.

Sunucu ve WordPress Ön Koşulları

Elementor’u kurmadan önce, barındırma ortamınızın minimum teknik gereksinimleri karşıladığını doğrulayın. Elementor, varlık derleme ve dinamik CSS oluşturma motoru nedeniyle standart bir WordPress eklentisinden daha fazla kaynak tüketir.

Minimum gereksinimler:

• PHP 7.4 veya üzeri (performans için PHP 8.0+ şiddetle tavsiye edilir)
• MySQL 5.7+ veya MariaDB 10.3+
• WordPress 6.0 veya üzeri
• En az 128 MB PHP bellek sınırı (memory_limit içinde php.ini), ancak 256 MB veya üzeri pratik üretim standardıdır
• WP_DEBUG Elementor’un hata ayıklama çıktısının işlemeyi engellemesini önlemek için canlı sitelerde devre dışı bırakılmalıdır
• Alan adında etkin geçerli bir SSL sertifikası — Elementor’un düzenleyicisi HTTPS üzerinden yüklenir ve düz HTTP’de başarısız olur ya da karışık içerik uyarıları gösterir

Bir VPS Hosting ortamı çalıştırıyorsanız, php.ini veya PHP-FPM havuz yapılandırmasına doğrudan erişiminiz vardır; bu da memory_limit, upload_max_filesize ve max_execution_time değerlerini hassas biçimde ayarlamanıza olanak tanır. Paylaşımlı ortamlar bu değerleri genellikle Elementor’un düzenleyicisinin zaman aşımına uğramasına veya kaydetme işleminin başarısız olmasına yol açabilecek varsayılan değerlerle sınırlar.

WordPress yönetici alanından mevcut PHP bellek sınırınızı kontrol etmek için Araçlar > Site Durumu > Bilgi > Sunucu bölümüne gidin.

Adım 1: WordPress Kontrol Panelinize Giriş Yapın

Sitenizin yönetici giriş sayfasına gidin. Varsayılan yol, alan adınıza eklenen /wp-admin şeklindedir:

https://yourdomain.com/wp-admin

Yönetici kimlik bilgilerinizi girin ve Giriş Yap‘a tıklayın. administrator rolüne sahip bir kullanıcı olarak giriş yapmış olmanız gerekir — Editör veya Yazar rolleri eklenti kurma ayrıcalıklarına sahip değildir.

Adım 2: Eklenti Yükleyicisine Gidin

Sol taraftaki yönetici menüsünden Eklentiler > Yeni Eklenti Ekle‘ye gidin. Bu, WordPress.org eklenti deposu API’sini gerçek zamanlı olarak sorgulayan WordPress eklenti dizini tarayıcısını açar.

Sunucunuz kısıtlayıcı bir güvenlik duvarının arkasındaysa veya ağ düzeyinde outbound_connections engelleniyorsa, bu sayfa sonuçsuz yüklenebilir. Bu durumda eklentiyi SFTP aracılığıyla manuel olarak kurmanız veya WP-CLI kullanmanız gerekecektir (aşağıda açıklanmıştır).

Adım 3: Elementor’u Arayın ve Bulun

Eklenti Ekle sayfasındaki arama alanına Elementor yazın. İstediğiniz eklenti, Elementor.com tarafından geliştirilen Elementor Website Builder‘dır. Kurmadan önce aşağıdakileri doğrulayın:

• Geliştirici: Elementor.com
• Aktif kurulum sayısı: 10+ milyon
• Son güncelleme: son 60 gün içinde (eski bir güncelleme tarihi herhangi bir eklenti için kırmızı bayraktır)
• Test edildi: mevcut WordPress sürümünüzle eşleşmeli veya yakın olmalıdır

Ücretsiz eklentiyi, aynı arama sonuçlarında görünen üçüncü taraf Elementor eklenti paketleriyle karıştırmayın. Bunlar Elementor’u genişleten ayrı eklentilerdir, ancak çekirdek oluşturucunun kendisi değildir.

Adım 4: Elementor’u Kurun ve Etkinleştirin

Elementor Website Builder girişinin yanındaki Şimdi Kur‘a tıklayın. WordPress, eklenti arşivini WordPress.org CDN’den indirecek ve wp-content/plugins/ dizinine çıkaracaktır.

İndirme tamamlandıktan sonra düğme etiketi Etkinleştir olarak değişir. Tıklayın. WordPress eklentiyi kaydeder, önyükleme dosyasını yükler ve sizi Elementor başlangıç ekranına yönlendirir.

Etkinleştirme sırasında arka planda neler olur:

• Elementor kendi veritabanı tablolarını oluşturur (elementor_library, özel gönderi meta girişleri)
• Şablon Kitaplığı için özel bir gönderi türü kaydeder
• wp-content/uploads/elementor/css/ konumunda bir CSS önbellek dizini oluşturur
• Düzenleyici varlıklarını koşullu olarak sıraya koyar (yalnızca Elementor düzenleyicisi etkin olduğunda, her sayfa yüklemesinde değil)

Etkinleştirme önemli bir hatayla başarısız olursa, en yaygın nedenler PHP sürümünün 7.4’ün altında olması, eklentinin otomatik yükleyicisini yüklemek için bellek sınırının çok düşük olması veya plugins_loaded kancasını yanlış kullanan çakışan bir eklentidir.

Adım 5: WP-CLI ile Kurulum (Sunucu Yöneticileri için Önerilir)

WordPress’i komut satırından yönetiyorsanız — bu, herhangi bir cPanel’li VPS veya bare-metal sunucuda tercih edilen iş akışıdır — tarayıcıya dokunmadan Elementor’u kurmak ve etkinleştirmek için WP-CLI kullanın:

wp plugin install elementor --activate --allow-root

Kurulumun başarılı olduğunu doğrulamak için:

wp plugin status elementor

Elementor’u daha sonra kontrol paneline giriş yapmadan güncellemek için:

wp plugin update elementor

WP-CLI, GUI yükleyicisinden önemli ölçüde daha hızlıdır ve betik yazılabilir olduğundan otomatik sunucu sağlama, hazırlık ortamı klonlama veya WordPress yapılandırmalarını dağıtan CI/CD ardışık düzenleri için idealdir.

Adım 6: Elementor Kurulum Sihirbazını Tamamlayın

Etkinleştirmenin ardından Elementor bir kurulum sihirbazı başlatır. Buradaki temel kararların kalıcı teknik etkileri vardır:

Site Adı ve Logosu: Bunlar Elementor’un Global Site Ayarlarına beslenir ve daha sonra kullanırsanız Tema Oluşturucu tarafından referans alınır.

Varsayılan Renkler ve Yazı Tipleri: Elementor, etkin WordPress temanızın stil sayfasından bağımsız olarak kendi global tasarım sistemini korur. Burada global renkler tanımlarsanız, bunlar Elementor’un veritabanında saklanır ve dinamik olarak oluşturulan satır içi CSS aracılığıyla uygulanır — temanızın style.css dosyası aracılığıyla değil. Bu, CSS özgüllük çakışmalarında hata ayıklarken anlaşılması önemli bir noktadır.

Şablon Kiti Seçimi: Şablon kitleri, birden fazla sayfayı, global ayarları ve bazen üçüncü taraf eklenti bağımlılıklarını aynı anda içe aktaran önceden oluşturulmuş sayfa setleridir. Bir tane seçerseniz, Elementor veritabanınıza önemli miktarda içerik aktaracaktır. Yeni bir sitede bu sorun değildir; ancak içeriği olan mevcut bir sitede, içe aktarılan şablonların mevcut sayfa yapılarıyla çakışıp çakışmayacağını dikkatli bir şekilde değerlendirin.

Sihirbazı tamamen atlayabilir ve her şeyi yönetici menüsündeki Elementor > Ayarlar üzerinden manuel olarak yapılandırabilirsiniz.

Adım 7: Elementor ile İlk Sayfanızı Oluşturun

Elementor düzenleyicisini kullanarak yeni bir sayfa oluşturmak için:

1. WordPress yöneticisinde Sayfalar > Yeni Sayfa Ekle‘ye gidin.
2. Bir sayfa başlığı girin.
3. Sağ taraftaki panelde Sayfa Özellikleri altında şablonu Elementor Full Width veya Elementor Canvas olarak ayarlayın (Canvas, açılış sayfaları için kullanışlı olan üstbilgi ve altbilgiyi tamamen kaldırır).
4. Elementor ile Düzenle‘ye tıklayın.

Elementor düzenleyicisi tam ekran bir iframe içinde yüklenir. Sol panel, widget kitaplığını ve ayarları içerir; sağ panel ise canlı tuvaldir.

Elementor düzenleyicisindeki temel yapısal kavramlar:

• Bölümler (veya Flexbox modunda Konteynerler): Üst düzey düzen sarmalayıcıları. Her bölüm sayfanın tam genişliğine yayılır.
• Sütunlar: Yatay düzeni kontrol eden bir bölüm içindeki alt bölümler.
• Widget’lar: Sütunlara bırakılan bireysel içerik öğeleri (metin, resim, düğme, video, form vb.).
• Flexbox Konteyneri: Elementor’un CSS Flexbox’ı yerel olarak kullanan daha yeni düzen modeli (Bölüm/Sütun modelinin yerini alır), hizalama ve duyarlı davranış üzerinde daha hassas kontrol sağlar.

Çalışmanızı kaydetmek için sol panelin altındaki Yayımla veya Güncelle düğmesine tıklayın. Elementor, sayfa verilerini post_meta tablosunda _elementor_data anahtarı altında serileştirilmiş JSON olarak kaydeder.

Elementor Pro Kurulumu (Premium Sürüm)

Elementor Pro, ücretsiz sürümün yanına kurulan ayrı lisanslı bir eklentidir — onun yerini almaz. Elementor Pro’nun çalışması için ücretsiz eklentinin kurulu ve etkin kalması gerekir.

Elementor Pro’nun Eklediği Özellikler

Elementor Pro Nasıl Kurulur

1. Resmi Elementor web sitesinden bir lisans satın alın ve hesap kontrol panelinizden elementor-pro.zip dosyasını indirin.
2. WordPress yöneticinizde Eklentiler > Yeni Eklenti Ekle‘ye gidin.
3. Sayfanın üstündeki Eklenti Yükle‘ye tıklayın.
4. Dosya Seç‘e tıklayın, elementor-pro.zip dosyasını seçin ve Şimdi Kur‘a tıklayın.
5. Kurulum tamamlandıktan sonra Eklentiyi Etkinleştir‘e tıklayın.
6. Yönetici menüsünde Elementor > Lisans‘a gidin ve Pro özelliklerini etkinleştirmek ve otomatik güncellemeleri etkinleştirmek için lisans anahtarınızı girin.

WP-CLI ile Elementor Pro Kurulumu

Sunucunuzda .zip dosyası zaten varsa (SFTP aracılığıyla aktarılmış), doğrudan kurun:

wp plugin install /path/to/elementor-pro.zip --activate --allow-root

/path/to/elementor-pro.zip kısmını sunucunuzdaki gerçek dosya yoluyla değiştirin.

WP-CLI ile Lisans Etkinleştirme

WP-CLI, Elementor’un lisans etkinleştirme API çağrısını yerel olarak işlemez; bu nedenle lisans anahtarını Elementor > Lisans bölümündeki WordPress yönetici arayüzü üzerinden girmeniz veya Pro sürümünüzde mevcutsa Elementor’un kendi CLI komutlarını kullanmanız gerekir.

Elementor Free ile Pro Karşılaştırması: Tam Karşılaştırma

Performans Değerlendirmeleri ve Yaygın Tuzaklar

Elementor, wp-content/uploads/elementor/css/ konumunda depolanan sayfa başına CSS dosyaları oluşturur. Yüksek trafikli sitelerde bu dizin yüzlerce dosya biriktirebilir. Elementor > Araçlar > CSS ve Verileri Yeniden Oluştur aracılığıyla CSS önbelleğini periyodik olarak yeniden oluşturmak bu dosyaları temiz tutar ve eski stillerin sunulmasını önler.

Kaçınılması gereken kritik tuzaklar:

• Elementor’un performans ayarlarında Geliştirilmiş Varlık Yüklemeyi Etkinleştirme, Elementor widget’larını kullanmayan sayfalarda yüklenen komut dosyası ve stil sayfası sayısını azaltır. Bu, varsayılan olarak devre dışıdır ancak çoğu üretim sitesinde etkinleştirilmelidir.
• Elementor’un satır içi yazı tipi yüklemesi, temanızın Google Fonts kuyruğuyla çakışabilir. Elementor > Ayarlar > Gelişmiş > Google Fonts bölümünde yinelenen yazı tipi yüklemesini devre dışı bırakın.
• Otomatik kaydetme sıklığı: Elementor, taslakları varsayılan olarak her 30 saniyede bir otomatik kaydeder. Yavaş veritabanı sunucularında veya yüksek G/Ç gecikmeli paylaşımlı barındırmada bu, düzenleyici gecikmesine neden olabilir. Bir Dedicated Servers ortamındaysanız bu nadiren sorun olur, ancak paylaşımlı barındırmada düzenleyicinin yanıt vermez hale gelmesi olarak kendini gösterebilir.
• Eklenti çakışmaları: Elementor, JavaScript’i agresif biçimde küçülten veya birleştiren belirli önbellek eklentileriyle uyumsuzdur. Düzenleyici yüklenemiyorsa, önbellek eklentinizi geçici olarak devre dışı bırakın ve tekrar test edin.
• Ters proxy ve CDN kenar önbelleği: Siteniz agresif HTML önbelleğe alma özelliğine sahip Cloudflare veya benzeri bir proxy’nin arkasındaysa, Elementor’un düzenleyicisi canlı düzenlenebilir sürüm yerine bir sayfanın önbelleğe alınmış sürümünü yükleyebilir. /wp-admin/ yolunun ve Elementor düzenleyici URL’lerinin kenar önbelleği kurallarından hariç tutulduğundan emin olun.

Barındırma Ortamı Önerileri

Elementor’un düzenleyicisi, JavaScript ağırlıklı tek sayfalık bir uygulamadır. Performansı doğrudan sunucu yanıt süresi, PHP yürütme hızı ve veritabanı sorgu verimliliğiyle bağlantılıdır.

WooCommerce veya büyük şablon kitaplıklarıyla Elementor Pro çalıştıran üretim WordPress siteleri için, en az 2 vCPU ve 4 GB RAM’e sahip bir VPS Hosting ortamı, sorunsuz düzenleyici performansı ve hızlı ön uç işleme için gereken esnekliği sağlar. Bir VPS’de OPcache, Redis nesne önbelleği ve PHP-FPM çalışan havuzlarını yapılandırabilme yeteneği, paylaşımlı ortamlara kıyasla ölçülebilir bir fark yaratır.

Ölçekte müşteri siteleri oluşturuyorsanız veya Elementor ile WordPress çoklu site ağını yönetiyorsanız, tek bir arayüzden birden fazla izole ortamı sağlamanıza ve yönetmenize olanak tanıyan VPS Kontrol Panellerini keşfedin.

HTTPS gerektiren siteler için (Elementor’un düzenleyicisinin gerektirdiği), Elementor düzenleyicisini açmaya çalışmadan önce geçerli bir SSL Sertifikasının kurulu ve düzgün yapılandırılmış olduğundan emin olun. Kendinden imzalı bir sertifika veya süresi dolmuş bir sertifika, düzenleyici iframe’inin tarayıcının karışık içerik politikası tarafından engellenmesine neden olur.

Teknik Temel Kontrol Listesi

Elementor destekli bir siteyi yayına almadan önce aşağıdakilerin her birini doğrulayın:

• PHP sürümü minimum 7.4, tercihen 8.0+; memory_limit 256 MB veya daha yüksek olarak ayarlanmış
• SSL sertifikası geçerli ve HTTPS site genelinde zorunlu kılınmış
• Elementor’un Geliştirilmiş Varlık Yükleme deneyi Elementor > Ayarlar > Deneyler bölümünde etkinleştirilmiş
• Tüm tasarım değişiklikleri tamamlandıktan sonra CSS önbelleği yeniden oluşturulmuş
• Önbellek eklentisi, Elementor düzenleyici URL’leri önbellek kurallarından hariç tutulacak şekilde yapılandırılmış
• Elementor Pro lisans anahtarı etkinleştirilmiş ve otomatik güncellemelerin çalıştığı doğrulanmış
• wp-content/uploads/elementor/ dizini web sunucusu işlemi tarafından yazılabilir
• WP-CLI, gelecekteki eklenti güncellemeleri ve bakım görevleri için sunucuda mevcut
• Google Fonts iki kez yüklenmiyor (bir kez tema tarafından, bir kez Elementor tarafından)
• Düzenli veritabanı yedeklemeleri, tüm Elementor sayfa verilerinin depolandığı post_meta tablosunu içeriyor

SSS

Elementor herhangi bir WordPress temasıyla çalışır mı?

Elementor, iyi kodlanmış çoğu WordPress temasıyla uyumludur. Ancak tam Tema Oluşturucu işlevselliği için (özel üstbilgiler, altbilgiler ve arşiv şablonları), etkin temanın body_class(), wp_head() ve wp_footer() kancalarını desteklemesi gerekir. Elementor.com’un ücretsiz “Hello Elementor” teması, sıfır müdahale eden bir temel tema olacak şekilde özel olarak tasarlanmıştır.

Kurulumdan sonra Elementor düzenleyicisi neden yüklenemiyor?

En yaygın nedenler şunlardır: PHP bellek sınırının 128 MB’ın altında olması, başka bir eklentiyle JavaScript çakışması (geçici olarak diğer tüm eklentileri devre dışı bırakarak test edin), düzenleyici iframe’inin engellenmesine neden olan süresi dolmuş veya geçersiz SSL sertifikası ya da Elementor’un düzenleyici ile arka uç arasındaki iletişim için kullandığı REST API uç noktalarını engelleyen sunucu düzeyinde güvenlik duvarı.

Elementor WordPress Multisite’a kurulabilir mi?

Evet. Elementor, bir WordPress Multisite kurulumunda ağ genelinde etkinleştirilebilir. Her alt site kendi Elementor ayarlarını, şablon kitaplığını ve CSS önbelleğini korur. Elementor Pro lisansları alan adı başınadır; bu nedenle lisans katmanınızın ağınızdaki site sayısını kapsadığını doğrulayın.

Elementor Canvas ile Elementor Full Width şablonları arasındaki fark nedir?

Elementor Canvas, üstbilgi, altbilgi ve kenar çubuğu dahil tüm tema tarafından oluşturulan öğeleri kaldırarak size tamamen boş bir tuval sunar. Bağımsız açılış sayfaları ve özel giriş ekranları için tasarlanmıştır. Elementor Full Width, kenar çubuğunu kaldırır ancak temanın üstbilgisini ve altbilgisini korur; bu da site genelinde gezinmenin görünür kalması gereken standart içerik sayfaları için uygundur.

Elementor site hızını ve Core Web Vitals’ı etkiler mi?

Elementor, elle kodlanmış bir sayfaya kıyasla CSS ve JavaScript yükü ekler. Ancak doğru yapılandırmayla — Geliştirilmiş Varlık Yükleme deneyini etkinleştirme, CDN kullanma, sunucuda OPcache’i etkinleştirme ve üçüncü taraf Elementor eklenti sayısını en aza indirme — Elementor siteleri güçlü Core Web Vitals puanları elde edebilir. En büyük tek performans değişkeni, Elementor’un kendisi değil, barındırma altyapısıdır.