WordPress Eklenti Entegrasyonları

WordPress Eklentilerini Headless Sitenize Bağlama

Headless WordPress'in güçlü özelliklerinden biri, Next.js ön yüzünün performans avantajlarından yararlanırken popüler WordPress eklentilerinden hala yararlanabilmenizdir.

Eklenti Entegrasyonları Nedir?

Eklenti entegrasyonları, Next.js sitenizin arka ucunuzda yüklediğiniz WordPress eklentilerinden veri çekmesine izin verir. Headless sistem, uyumlu eklentileri otomatik olarak algılar ve özelliklerini etkinleştirmek/devre dışı bırakmak için geçiş anahtarları sağlar.

Mevcut Entegrasyonlar (Ekran Görüntüsünden)

1. Contact Form 7

İkon: Mavi belge simgesi

Nedir: WordPress için en popüler iletişim formu eklentisi, 5 milyondan fazla aktif kurulumu var.

Ne yapar: Ziyaretçilerin size mesaj göndermek için kullanabileceği iletişim formları oluşturur ve yönetir.

Etkinleştirildiğinde: Next.js siteniz Contact Form 7 formlarını gösterebilir ve verileri işlenmek üzere WordPress'e geri gönderebilir.

Kullanım durumları:

İletişim sayfası formları
Teklif talep formları
Bülten kayıtları
Müşteri destek sorguları

Kurulum gereksinimleri:

WordPress'te Contact Form 7 eklentisini yükleyin
WordPress yöneticisinde formlarınızı oluşturun
Headless WP Manager'da entegrasyon geçişini etkinleştirin
Next.js sayfalarınıza form kısa kodunu ekleyin

2. WordPress Yorumlar

İkon: Yeşil yorum balonu

Nedir: Yerel WordPress yorum sistemi.

Ne yapar: Okuyucuların blog yazılarınıza ve sayfalarınıza yorum bırakmasına izin verir.

Etkinleştirildiğinde: WordPress'ten gelen yorumlar Next.js blog yazılarınızda görünür. Headless siteniz aracılığıyla gönderilen yeni yorumlar WordPress'e kaydedilir.

Faydalar:

Okuyucu etkileşimini teşvik edin
İçeriğiniz etrafında topluluk oluşturun
Geri bildirim ve soruları doğrudan alın
Kullanıcı tarafından oluşturulan içerikle SEO'yu iyileştirin

Dahil edilen özellikler:

Yorum zincirleme (yorumlara yanıtlar)
Yorum moderasyonu (onayla/reddet)
Spam koruması (yüklüyse Akismet aracılığıyla)
Yeni yorumlar için e-posta bildirimleri

3. Advanced Custom Fields (ACF)

İkon: Mavi 'ACF' rozeti

Nedir: WordPress yazılarına, sayfalarına ve özel yazı türlerine özel veri alanları eklemenizi sağlayan güçlü bir eklenti.

Ne yapar: WordPress içerik düzenleyicisini metin, görüntü, tarih, ilişkiler vb. gibi özel alanlarla genişletir.

Etkinleştirildiğinde: Tüm ACF alan verileri GraphQL aracılığıyla headless sitenizde otomatik olarak kullanılabilir.

Yaygın kullanım durumları:

Emlak Siteleri: Fiyat, yatak odası, banyo, metrekare
Tarif Blogları: Hazırlık süresi, pişirme süresi, porsiyon, malzemeler
Ürün Sayfaları: Fiyat, SKU, boyutlar, malzemeler
Ekip Sayfaları: İş unvanı, biyografi, sosyal bağlantılar, fotoğraf

Örnek iş akışı:

WordPress'te ACF alan grubu oluşturun (örn. 'Tarif Detayları')
Alanlar ekleyin (hazirlik_suresi, pisirme_suresi, porsiyon)
Yazı oluştururken alanları doldurun
ACF entegrasyonunu etkinleştirin
Next.js şablonlarında alan verilerine erişin

4. Advanced SEO (Yoast/RankMath)

İkon: Pembe 'SEO' rozeti

Nedir: Yoast SEO veya Rank Math gibi SEO optimizasyon eklentileri.

Ne yapar: Meta başlıkları, açıklamaları, Open Graph etiketleri, şema işaretleme ve diğer SEO öğelerini yönetir.

Etkinleştirildiğinde: Seçtiğiniz eklentiden (Yoast veya RankMath) SEO verileri Next.js sayfalarınıza aktarılır.

Kontrol edilen SEO öğeleri:

Meta Başlık: Arama motorları için özel sayfa başlıkları
Meta Açıklama: Arama sonuçlarındaki özet metin
Open Graph: Sayfaların Facebook'ta paylaşıldığında nasıl göründüğü
Twitter Kartları: Bağlantıların Twitter'da nasıl göründüğü
Canonical URL'ler: Yinelenen içerik sorunlarını önler
Şema İşaretleme: Zengin arama sonuçları için yapılandırılmış veri

Faydalar:

Daha iyi arama motoru sıralamaları
Daha çekici sosyal medya önizlemeleri
Daha yüksek tıklama oranları
Arama motorları tarafından uygun dizinleme

Entegrasyonları Etkinleştirme/Devre Dışı Bırakma

Her entegrasyon kartının sağ tarafındaki geçiş anahtarına tıklayın. Etkinleştirildiğinde geçiş yanar. Değişiklikler hemen etkili olur.

Sorun Giderme

Entegrasyon görünmüyor mu?

Eklentinin WordPress'te yüklü ve etkin olduğundan emin olun
WPGraphQL ve gerekli uzantıların yüklü olduğundan emin olun
Entegrasyonlar sayfasını yenileyin

Veri görünmüyor mu?

Entegrasyonun etkin olduğunu doğrulayın (geçiş açık)
Site önbelleğinizi temizleyin
Eklentiyle içerik oluşturduğunuzdan emin olun