Elementor MCP: Claude ile Sayfa Tasarlama Rehberi

Elementor MCP, Elementor’un 4.3.0 sürümüyle (22 Eylül 2026) gelen ve Claude gibi MCP uyumlu yapay zekâ araçlarının sitenizdeki sayfaları doğrudan Elementor yapısıyla kurmasını sağlayan özelliktir. Kurulum, WordPress panelinde Elementor > Elementor MCP sayfasından üretilen bir bağlantı isteminin Claude’a yapıştırılmasıyla yapılır. Üretilen sayfalar taslak olarak kaydedilir ve Elementor editöründe düzenlenebilir kalır.

Bu rehberde gereksinimleri, adım adım kurulumu, iyi bir istem akışını ve güvenlik önlemlerini bulacaksınız. Bilgiler Elementor’un yardım merkezi ve duyuru yazısına dayanır; Özellik 4.3.0’dan sonra kısa aralıklarla düzeltme aldığı için adımlar ve arayüz değişebilir.

Elementor MCP nedir ve ne yapar?

MCP (Model Context Protocol), yapay zekâ araçlarının dış sistemlerle standart bir yolla konuşmasını sağlayan açık bir protokoldür. Elementor MCP, bu protokolü kullanarak Claude, Codex veya Cursor gibi istemcilere Elementor’un araçlarını açar.

Elementor’un tanımladığı yetenekler:

• Atomic sayfa ve yerleşim kurma, düzenleme
• Classes, Variables, hover durumları ve duyarlı kırılımlar oluşturma
• Üst bilgi, alt bilgi, arşiv ve açılır pencere gibi tema parçaları ve gösterim koşulları (Pro)
• Bileşen (component) oluşturma ve yerleştirme
• Yazı alanları, özel alanlar ve taksonomi gibi dinamik içeriklere bağlanma

Atomic öğe, Classes ve Variables kavramlarına aşina değilseniz önce Elementor V4’ün ne olduğunu anlatan yazıyı okuyun; MCP bu yapıların üstünde çalışır.

Gereksinimler

Elementor yardım merkezine göre:

Bağlanan araç, giriş yapmış WordPress kullanıcısının yetkisiyle çalışır; kullanıcı rolünüzün izin verdiğinden fazlasını yapamaz. Angie eklentisi (WordPress.org’dan ücretsiz) özel widget, toplu içerik işlemleri ve Abilities API bağlantıları gibi ek araçlar sağlar.

Elementor MCP kurulumu: adım adım

Aşağıdaki sıra Elementor’un yapay zekâ aracı bağlama makalesine dayanır.

1. Sürümleri kontrol edin. Elementor Core ve Pro 4.3.0+, WordPress 6.8+ olmalı.
2. Yedek alın. Önce staging kopyasında denemeniz önerilir.
3. MCP erişimini açın. WordPress panelinde Elementor > Elementor MCP sayfasına gidin ve Enable MCP access düğmesine basın.
4. İstemciyi seçin. Listeden Claude Code, Claude Desktop, Codex, Cursor veya Other seçin.
5. Onay kutusunu işaretleyin. Kutu, istem üretildiğinde site için bir uygulama parolası oluşturulacağını belirtir.
6. İstemi üretin ve kopyalayın. Generate Prompt, ardından Copy prompt.
7. Claude’a yapıştırın. Kopyaladığınız metni Claude Code veya Claude Desktop’ta yeni bir oturuma yapıştırın; istem bağlantıyı kurar.

Uygulama parolasını Elementor sizin yerinize oluşturur ve istemin içine koyar. İstemi üçüncü kişilerle paylaşmayın; içindeki bilgi sitenize erişim sağlar.

Genel olarak Claude’u WordPress’e bağlamanın alternatif yolları (eklenti, REST API, farklı MCP sunucuları) için Claude WordPress bağlantısı yöntemlerini karşılaştıran yazıya bakın. Elementor MCP bunlardan farklı olarak Elementor’un kendi yapısını bilen, Elementor tarafından sunulan resmî bir bağlantıdır; sayfaları ham HTML yerine yerel Elementor öğeleriyle kurar.

Bağlantıyı doğrulama

Elementor’un makalesi ayrı bir doğrulama adımı vermiyor; aşağıdaki kontroller makul bir doğrulamadır.

• Kullanıcı profili: Kullanıcılar > Profil sayfasında Uygulama Parolaları bölümünde “Elementor MCP – Claude Code” gibi bir kayıt görünmeli.
• Basit bir istek: Claude’dan “bu sitedeki sayfaların listesini ver” gibi salt okunur bir istek yapın. Yanıt sitenizle uyuşuyorsa bağlantı çalışıyordur.
• Taslak testi: Boş bir test sayfası oluşturmasını isteyin ve Sayfalar listesinde taslak olarak göründüğünü doğrulayın.

Bağlantı kurulamazsa önce Elementor ve WordPress sürümlerini, sonra uygulama parolası kaydının varlığını kontrol edin. Sürüm 4.3.4 (5 Ekim 2026) macOS, Windows ve Linux için bağlantı yönergelerini iyileştirdi; güncel sürümde olduğunuzdan emin olun.

Claude ile sayfa tasarlarken istem akışı

Elementor’un yardım merkezi, sayfayı aşamalı kurmayı öneriyor: önce iskelet, sonra içerik, en son stil ve duyarlı kurallar. Tek büyük istek yerine küçük adımlar hata payını düşürür.

1. İskelet

"Hakkımızda" adında yeni bir taslak sayfa oluştur. Üç yığılmış bölümden oluşsun: kahraman alanı, ekip kartları, iletişim çağrısı. Henüz içerik yazma.

2. İçerik

Kahraman alanına "Elementor ile hızlı kurulan siteler" başlığını, altına iki cümlelik açıklama ve "Teklif alın" düğmesini ekle. Ekip kartları için üç boş kart oluştur.

3. Stil ve duyarlılık

Kartlar için .kart-golge adında bir global sınıf oluştur: 24 piksel iç boşluk, 12 piksel köşe yuvarlama, hover durumunda hafif gölge. Mobilde kartlar alt alta dizilsin.

İyi istem kuralları:

• Başlık metnini, düğme dolgusunu, sınıf adını ve mobil davranışı açıkça yazın.
• Marka renkleriniz Variables olarak tanımlıysa istemde değişken adıyla anın; böylece yapay zekâ rastgele renk uydurmaz.
• Her adımdan sonra Önizleme (göz simgesi) ile ön yüzü kontrol edin.
• Beğenmediğiniz kısmı sınıfı veya öğeyi belirterek yeniden isteyin; bütün sayfayı baştan yazdırmayın.

Genel olarak yapay zekâya site yaptırırken doğru beklenti ve istem biçimi için Claude ile web sitesi yapma yazısına göz atabilirsiniz.

Örnek senaryo: tek sayfalık hizmet tanıtımı

Aşağıdaki akış, yukarıdaki üç aşamayı gerçek bir iş üzerinde gösterir. İstem metinlerini kendi içeriğinize göre değiştirin.

1. Marka değişkenleri: “Mevcut renk ve yazı tipi değişkenlerini listele.” Önce var olanı öğrenin; Claude’un yeni değişken uydurmasını önlersiniz.
2. Bölüm planı: “Hizmet tanıtım sayfası için bölüm planı öner: kahraman, üç hizmet kartı, sık sorulan sorular, iletişim çağrısı. Henüz sayfa oluşturma.” Planı onaylayın.
3. Taslak sayfa: “Planı taslak sayfa olarak kur. Mevcut değişkenleri kullan.”
4. İçerik: Gerçek metinleri siz verin: “Birinci kartın başlığı: Kurumsal site. Açıklaması: …”. Uydurma müşteri adı veya referans yazmasına izin vermeyin.
5. SSS bölümü: Accordion ile sık sorulan sorular bölümü isteyin; soruları ve cevapları kendiniz verin.
6. Gözden geçirme: Önizleme ile masaüstü, tablet ve mobil görünümü kontrol edin; sonra Yayınla’ya basın.

Dikkat edin: Yapay zekâ metin ve yapı üretir, içeriğin doğruluğunu bilmez. Fiyat, süre, referans gibi bilgileri kendiniz yazın.

Elementor MCP ve Angie farkı

İki ad sık karıştırılır:

Elementor, bazı yeteneklerin (özel widget, toplu içerik işlemleri, SEO düzeltmeleri) Angie gerektirdiğini belirtiyor. Hangi yolu seçeceğiniz iş akışınıza bağlıdır: Claude ile terminalde veya masaüstünde çalışıyorsanız MCP, editörden çıkmak istemiyorsanız Angie daha doğal olabilir.

Sorun giderme

• İstem yapıştırıldı ama bağlantı kurulmadı: Elementor Core ve Pro’nun ikisinin de 4.3.0+ olduğunu ve WordPress’in 6.8+ olduğunu doğrulayın. Siteniz HTTP kimlik doğrulamasıyla (basic auth) korunuyorsa, 4.3.2 sürümünün bununla ilgili bir uyumluluk düzeltmesi içerdiğini unutmayın; güncel sürümde olun.
• MCP kapalı hatası: Elementor > Elementor MCP sayfasında erişimin hâlâ açık olduğunu kontrol edin; birisi “Turn off” yapmış olabilir.
• Sayfa ayarları kayboldu: Sürüm 4.3.4, MCP ile sayfa güncellenirken kaybolan ayarlarla ilgili bir düzeltme içeriyor. Güncelleyin ve önemli sayfalarda önce kopya üzerinde çalışın.
• Geçersiz öğe hatası: 4.3.3’ten itibaren geçersiz veya kapanmamış öğeler için daha açık hata mesajı geliyor; mesajı Claude’a geri verip düzeltmesini isteyin.

Güvenlik ve kontrol

• Taslak ilkesi: MCP ile üretilen her şey taslak olarak kaydedilir; yayınlamak sizin kararınızdır.
• Yetki sınırı: Araç, bağlayan kullanıcının rolüyle çalışır. Gündelik işlerde tam yönetici hesabı yerine, işe yetecek en düşük yetkiye sahip bir hesapla bağlanın.
• Çakışma: Aynı sayfayı hem siz hem Claude değiştirirseniz Elementor bir uyarı penceresi açar. Force Save kendi oturumunuzu korur, Reload yapay zekânın değişikliklerini yükler.
• Erişimi kesme (tek istemci): Kullanıcılar > Profil > Uygulama Parolaları bölümünde ilgili kaydın yanındaki Revoke’a basın.
• Erişimi kesme (tüm site): Elementor > Elementor MCP sayfasında “Turn off MCP access” bölümündeki kırmızı Turn off düğmesine basın ve onaylayın. Bu işlem bağlı tüm yapay zekâ aracılarının erişimini hemen engeller.

Geliştirici tarafında, Elementor’un kullandığı WordPress yetenek altyapısı merak edilirse WordPress Abilities API yazısındaki ability kaydı anlatımı bir fikir verir. Elementor makalesi MCP araçlarının WordPress AI Abilities üzerinden çalıştığını söylüyor.

Günlük çalışma alışkanlıkları

MCP bağlantısı bir araca sitenizde yazma yetkisi verir. Üç alışkanlık riski belirgin biçimde düşürür.

1. Yedek ve staging. Büyük bir istek vermeden önce sayfanın kopyasını alın, yeni bir istem kalıbını önce staging’de deneyin.
2. Küçük istekler. “Bütün siteyi yeniden tasarla” yerine tek sayfa, tek bölüm isteyin.
3. Sürüm notlarını takip edin. MCP özelliği 4.3.0’dan sonra 4.3.2, 4.3.3, 4.3.4 ve 4.3.5 ile çok kısa aralıkla düzeltme aldı; güncel kalmak önemli.

Sınırlar ve gerçekçi beklenti

Elementor, iş akışını insan denetimli bir hızlandırıcı olarak konumluyor: açılış sayfaları ve rutin güncellemeler için uygun, nihai tasarım kararları için görsel editör ve gözden geçirme gerekli. Bu yüzden:

• Üretilen sayfayı yayınlamadan önce metinleri, bağlantıları ve mobil görünümü kontrol edin.
• Marka tonu, görsel seçimi ve SEO başlıkları gibi kararları kendiniz verin.
• Pro gerektiren araçlar (Forms, Popups, Loops, Dynamic Content, Theme Builder parçaları) Pro lisansınız yoksa kullanılamaz.

Kurulumu sizin için yapmamı ister misiniz?

Elementor MCP’yi staging ortamında kurmak, istem şablonları hazırlamak ve ekibinizin güvenli bir iş akışı oturtmasına yardım etmek için hizmetler sayfama bakabilir veya iletişim sayfasından yazabilirsiniz.

Kaynaklar

• Elementor: yapay zekâ aracı bağlama (MCP) yardım makalesi
• Elementor: MCP ile site oluşturma ve düzenleme
• Elementor MCP duyuru yazısı
• Elementor sürüm notları