Elementor, WordPress sitelerinde kod yazmadan sürükle-bırak yöntemiyle sayfa tasarlamayı sağlayan bir sayfa oluşturucu (page builder) eklentisidir. Ücretsiz sürümüyle bile widget’lar, global renk/yazı tipi ayarları ve şablon sistemi sayesinde profesyonel görünümlü bir web sitesi kurmak mümkündür. Bu rehberde Elementor’ün kurulumundan tüm ayarlarına, ücretsiz sürüm ile Pro arasındaki farklara kadar her şeyi adım adım anlatıyoruz.
Elementor Nedir, Ne İşe Yarar?
Elementor, WordPress’in standart Gutenberg editörünün ötesine geçerek görsel bir “ne görürsen onu alırsın” (WYSIWYG) düzenleme deneyimi sunar. Kutu (container), başlık, görsel, buton gibi widget’ları sayfaya sürükleyip bırakarak; tek satır kod yazmadan tasarım oluşturursunuz. W3Techs’in Temmuz 2026 verilerine göre Elementor, bilinen içerik yönetim sistemi kullanan web sitelerinin yaklaşık %18,6’sında, WordPress siteleri özelinde ise %30’un üzerinde bir oranda aktif olarak kullanılıyor ve sayfa oluşturucu eklentiler arasında açık ara pazar lideri konumunda.
Eklenti hem ücretsiz hem de Elementor Pro adıyla ücretli bir sürümle sunulur. Ücretsiz sürüm; temel widget’lar, global stil ayarları ve şablon sistemiyle küçük-orta ölçekli bir kurumsal site için genellikle yeterlidir. Pro sürüm ise form oluşturucu, header/footer builder, özel kod ekleme ve WooCommerce widget’ları gibi gelişmiş özellikler ekler.
Elementor Nasıl Kurulur?
- WordPress yönetim panelinde Eklentiler > Yeni Ekle yolunu izleyin.
- Arama kutusuna “Elementor” yazın, eklentiyi bulun ve Şimdi Yükle ardından Etkinleştir deyin.
- Karşınıza çıkan kurulum sihirbazında, ücretsiz bir hesap oluşturup siteyi Elementor hesabınıza bağlayabilirsiniz. Bu adım zorunlu değildir; yalnızca hazır şablon kütüphanesi ve Elementor AI özelliklerinden faydalanmak isterseniz gereklidir.
- Kurulum tamamlandığında WordPress panelinin sol menüsünde yeni bir Elementor sekmesi belirir. Genel ayarlara buradan ulaşırsınız.
Bu kurulum adımlarının ekran kaydı üzerinden canlı uygulamasını yukarıdaki videonun ilk dakikalarında izleyebilirsiniz.
Elementor Genel Ayarları Nelerdir?
Elementor’ü yükledikten sonra Elementor > Ayarlar menüsünde birkaç sekme karşınıza çıkar. İyi haber şu ki bu ayarların büyük bölümü kurulumdan hemen sonra en uyumlu şekilde önceden yapılandırılmış gelir; siteniz yeni kurulduysa bu bölümde neredeyse hiçbir şeyi değiştirmeniz gerekmez.
Yazı Türleri
Elementor’ü hangi içerik tiplerinde (yazılar, sayfalar, ürünler, portföy vb.) kullanabileceğinizi belirlediğiniz alandır. Yeni bir siteyle çalışıyorsanız genelde yalnızca “Yazılar” ve “Sayfalar” seçili gelir; bir e-ticaret ya da portföy eklentisi kurduğunuzda ilgili içerik tipi burada otomatik olarak listeye eklenir. Elementor bir içerik tipinde çalışmıyorsa ilk kontrol etmeniz gereken yer burasıdır.
Entegrasyonlar
Google Haritalar API anahtarınız veya form güvenliği için Google reCAPTCHA bağlantınız varsa bu alandan eklersiniz. İlgili bir API’niz yoksa bu sekmeyi olduğu gibi bırakabilirsiniz.
Gelişmiş Ayarlar
Bu sekmede iki kritik seçenek dikkat çeker: Filtrelenmemiş dosya yüklemelerini etkinleştir ve Google yazı tipi ayarları. SVG dosyaları (logo, ikon) güvenlik riski taşıdığı için WordPress varsayılan olarak yüklenmesine izin vermez; SVG yüklemeniz gerekiyorsa bu seçeneği bilinçli olarak açmanız gerekir, aksi halde varsayılan kapalı kalması önerilir.
Performans
Elementor, çok sayıda özelliğe sahip olduğu için ağır bir eklenti olarak bilinir; bu yüzden kendi içinde performans optimizasyon ayarları barındırır. Ancak bu sekmedeki ayarları değiştirmek genellikle web sitenizin ön yüzdeki (frontend) hızını değil, yalnızca Elementor düzenleyicisinin panel içindeki açılma hızını etkiler.
Elementor Element Manager ile Widget Yönetimi Nasıl Yapılır?
Element Manager, Elementor içindeki tüm widget’ları (arama kutusu, akordeon, Google Haritalar vb.) listeleyen ve kaç kez kullanıldığını gösteren bir kontrol panelidir. Sitenizde hiç kullanmadığınız bir widget’ı (örneğin Google Haritalar) buradan kapatabilirsiniz. Bunu yapmanın tek etkisi, Elementor düzenleme ekranında o widget’ın artık görünmemesi ve panelin biraz daha hızlı açılmasıdır — web sitenizin ziyaretçi tarafındaki (frontend) yükleme hızını doğrudan değiştirmez.
Elementor Araçlar Menüsünde Neler Var?
- Cache ve Kütüphane Senkronizasyonu: Sitede CSS kaynaklı görsel bir bozulma yaşandığında önbelleği ve kütüphaneyi yeniden oluşturarak sorunu çözebilirsiniz.
- Güvenli Mod: Elementor paneli açılmıyorsa (sürekli dönen yükleme ikonu vb.), güvenli modu etkinleştirdiğinizde Elementor dışındaki tüm eklenti ve temalar geçici olarak devre dışı kalır. Panel bu şekilde açılırsa sorunun son eklediğiniz/güncellediğiniz eklenti ya da temadan kaynaklandığını anlarsınız.
- Sürüm Kontrolü: Elementor’ü güncelledikten sonra sitede bozulma yaşarsanız, ek bir rollback eklentisine ihtiyaç duymadan doğrudan buradan önceki çalışan sürüme geri dönebilirsiniz.
- Bakım Modu / Çok Yakında Sayfası: Aşağıdaki tabloda ikisi arasındaki farkı özetledik.
- Gönderimler, Özel Yazı Tipi, Özel Kod: Bunlar Elementor Pro’ya özel özelliklerdir; ücretsiz sürümde bu sekmeler boş görünür.
| Özellik | Çok Yakında Sayfası | Bakım Modu |
|---|---|---|
| HTTP durum kodu | 200 (indekslenebilir) | 503 (geçici olarak indekslenmez) |
| Ne zaman kullanılır | Site ilk kez inşa edilirken | Yayındaki sitede kısa süreli, kritik düzenlemeler yapılırken |
| Önerilen süre | Site tamamlanana kadar | Birkaç günden kısa |
Elementor Düzenleyici Arayüzü Nasıl Kullanılır?
Bir sayfayı “Elementor ile Düzenle” dediğinizde karşınıza çıkan arayüzde şu bölümler yer alır:
- Widget Paneli: Sürükleyip sayfaya bırakacağınız tüm öğeler (konteyner, başlık, görsel, buton vb.) burada listelenir. Ücretsiz sürümde temel widget’lar açık, Pro widget’ları ise kilitli görünür.
- Sayfa Ayarları: İçinde bulunduğunuz sayfanın başlığı, öne çıkan görseli, yorum durumu ve başlığı gizleme gibi ayarları buradan yönetilir.
- Sayfa Düzeni: Varsayılan (header + içerik + footer), Elementor Canvas (header/footer olmadan tamamen boş tuval) ve Tema seçenekleri arasından seçim yaparsınız. Örneğin bir açılış sayfası (landing page) için genelde Canvas tercih edilir.
- Geçmiş ve Sürümler: Yaptığınız tüm düzenlemelerin geçmişini görür, hatta “dünkü hâli daha iyiydi” dediğiniz bir durumda tek tıkla önceki bir sürüme geri dönebilirsiniz.
- Yapı Paneli: Sayfadaki tüm konteyner ve widget’ların hiyerarşik ağaç görünümüdür. Konteynerlerinize “iletişim bölümü”, “banner” gibi anlamlı isimler vererek karmaşık sayfalarda kaybolmayı önlersiniz.
Elementor’da Şablon (Template) Sistemi Nasıl Zaman Kazandırır?
Elementor’ün en büyük hız avantajlarından biri şablon sistemidir. Diyelim ki kurumsal bir siteniz var ve 6 farklı hizmetiniz için ayrı ayrı sayfa hazırlamanız gerekiyor. Tek tek tasarım yapmak yerine bir hizmet sayfasını tasarlayıp “Şablon Olarak Kaydet” dersiniz; ardından bu şablonu diğer 5 hizmet sayfasına da uygulayıp yalnızca metin ve görselleri değiştirerek dakikalar içinde tüm sayfaları tamamlarsınız. Aynı mantık ürün sayfaları, portföy öğeleri veya tekrar eden herhangi bir sayfa tipi için de geçerlidir.
Global Renkler, Yazı Tipleri ve Tipografi Ayarları
Elementor > Site Ayarları menüsünden markanıza ait 3-4 rengi ve kullanacağınız yazı tiplerini “global” olarak tanımlayabilirsiniz. Bir kez tanımladıktan sonra, sayfa içinde herhangi bir metnin veya butonun rengini ayarlarken renk kodunu tekrar tekrar yazmak yerine global renk paletinizden tek tıkla seçim yaparsınız — bu da tasarım tutarlılığını ve hızını doğrudan artırır.
Önemli bir ipucu: Global renklerinizi ve yazı tiplerinizi tanımladıktan sonra, aynı sayfadaki “Varsayılan Renkleri Etkisizleştir” ve “Varsayılan Yazı Tiplerini Etkisizleştir” kutucuklarını işaretlemeyi unutmayın. Aksi halde Elementor’ün kendi varsayılan (ve genellikle kullanışsız) renk/yazı tipi seçenekleri sizin tanımladığınız globallerle karışabilir ve tasarımınızda beklenmedik görünüm sorunlarına yol açabilir.
Site Ayarları menüsünde ayrıca Site Kimliği (site adı, logo, favikon), Arka Plan, Yerleşim (içerik genişliği, kesme noktaları/breakpoint’ler) ve Düğmeler gibi global ayarlar da bulunur; bunları bir kez doğru yapılandırdığınızda sitenin geneline otomatik olarak yansır.
Elementor Ücretsiz mü Pro mu? Karşılaştırma Tablosu
| Özellik | Ücretsiz | Pro |
|---|---|---|
| Temel widget’lar (metin, görsel, buton vb.) | ✅ | ✅ |
| Form oluşturucu | ❌ | ✅ |
| Header / Footer oluşturucu | Sınırlı (tema desteğiyle) | ✅ Tam |
| Özel yazı tipi (font) yükleme | ❌ | ✅ |
| Özel kod / CSS ekleme | ❌ | ✅ |
| Sayfa geçiş efektleri | ❌ | ✅ |
| WooCommerce widget’ları | ❌ | ✅ |
| Hazır şablon kütüphanesi | Sınırlı sayıda ücretsiz şablon | Tüm kütüphane |
Sonuç olarak: küçük bir kurumsal site veya tanıtım sitesi için ücretsiz sürüm genellikle yeterlidir. Form, özel kod ekleme veya profesyonel header/footer tasarımı gibi ihtiyaçlarınız varsa Pro sürüm işinizi ciddi anlamda kolaylaştırır.
Elementor Kullanırken Dikkat Edilmesi Gereken 4 Nokta
- Varsayılan renk/yazı tiplerini kapatmayı unutmayın. Global stillerinizi tanımladıktan sonra bu adımı atlarsanız tasarımınızda tutarsızlıklar görebilirsiniz.
- SVG yüklemeyi yalnızca ihtiyacınız varsa açın. Güvenlik riski nedeniyle varsayılan olarak kapalıdır.
- Sürüm güncellemesi öncesi yedek alın. Büyük güncellemelerden önce bir yedekleme eklentisiyle site yedeği almak, olası bir sorunda “Sürüm Kontrolü” özelliğine ek bir güvenlik katmanı sağlar.
- Kullanmadığınız widget’ları kapatın. Site hızınızı doğrudan etkilemese de düzenleyici panelinizi daha hızlı ve düzenli hale getirir.
Elementor Hakkında Sık Sorulan Sorular
Elementor ücretsiz mi?
Evet. Elementor’ün WordPress.org üzerinden indirebileceğiniz tamamen ücretsiz bir sürümü vardır ve bu sürüm temel widget’lar, global stil ayarları ve şablon sistemiyle küçük-orta ölçekli birçok site için yeterlidir. Form oluşturucu, özel kod ekleme gibi gelişmiş özellikler için ücretli Elementor Pro sürümü gereklidir.
Elementor WordPress sitesini yavaşlatır mı?
Elementor, çok sayıda özelliğe sahip olduğu için diğer bazı sayfa oluşturuculara kıyasla nispeten daha ağır bir eklentidir. Ancak doğru optimize edilmiş bir barındırma (hosting), gerekli cache ayarları ve kullanılmayan widget/eklentilerin temizlenmesiyle site hızı büyük ölçüde korunabilir. Element Manager’daki widget kapatma ayarları ise site hızını değil, yalnızca düzenleyici panelinin açılma hızını etkiler.
Elementor mu, WordPress’in kendi editörü (Gutenberg) mü kullanılmalı?
Gutenberg, basit blog yazıları ve standart sayfalar için hafif ve hızlı bir seçenektir. Elementor ise konteyner tabanlı esnek yerleşim, global stil sistemi ve şablon tekrar kullanımı gibi özellikleriyle kurumsal, çok sayfalı ve görsel açıdan özelleştirilmiş siteler için daha uygundur.
Elementor Pro’ya geçmek gerekli mi?
Zorunlu değildir. Sitenizde iletişim formu, özel header/footer tasarımı, özel yazı tipi veya WooCommerce entegrasyonu gibi ihtiyaçlar yoksa ücretsiz sürüm yeterli olabilir. Bu ihtiyaçlardan biri veya birkaçı varsa Pro sürüm zaman kazandırır.
Elementor ile kod bilmeden profesyonel bir site yapılabilir mi?
Evet, Elementor tam olarak bu amaçla tasarlanmıştır. Sürükle-bırak arayüzü, global stil ayarları ve hazır şablonlar sayesinde kod bilgisi olmayan kullanıcılar da görsel olarak profesyonel siteler ortaya çıkarabilir. Ancak marka kimliğine uygun, hızlı ve SEO uyumlu bir sonuç için doğru widget/eklenti seçimi ve performans ayarları önemlidir — bu noktada profesyonel destek almak, hem zamandan tasarruf sağlar hem de teknik hataların önüne geçer.
Elementor ile Profesyonel Bir Web Sitesine mi İhtiyacınız Var?
Bu rehberdeki adımları izleyerek Elementor’ü kendi başınıza da öğrenebilirsiniz. Ancak zaman ayıramıyor ya da işi doğrudan bir uzmana bırakmak istiyorsanız, web tasarımı ve SEO hizmetlerimize göz atabilir ya da projenizi konuşmak için doğrudan WhatsApp’tan bize ulaşabilirsiniz. Siz sadece anlatın, gerisini biz hallederiz.