WordPress Panelinde Mind Map Eklentisi Geliştirdim | Yapay Zeka ile Sıfırdan Eklenti

Ders 2 / 4

WordPress Panelinde Mind Map Eklentisi Geliştirdim | Yapay Zeka ile Sıfırdan Eklenti

12:53 · Beginner · TR

Bu ders hakkında

Bu derste, WordPress yönetim panelinin içinde çalışan kendi Mind Map eklentimi sıfırdan nasıl geliştirdiğimi adım adım anlatıyorum. Hazır bir eklenti kurmuyoruz; fikirden yayına kadar giden yolun tamamını birlikte yürüyoruz.

Serinin birinci bölümünde neden mind map kullandığımızı konuşmuştuk. Bu bölümde aynı yöntemi gerçek bir ürüne uyguluyoruz: önce var olan araçları inceliyoruz, sonra planlıyoruz, MVP’yi kuruyoruz, kendi kullanımımızda çıkan hataları düzeltiyoruz ve eklentiyi yayına hazır hale getiriyoruz.

Bu derste:

✅ Var olan mind map araçlarını inceleme ve JS kütüphanelerini karşılaştırma

✅ Önce maket, sonra kod — eklentiyi planlama yöntemi

✅ Veri yapısı kararı: Custom Post Type + JSON

✅ Güvenliği baştan yazmak: yetkiler, nonce, sanitizasyon ve REST uçları

✅ Eklenti iskeleti ve dosya düzeni

✅ Kendi tuval motorumuzu yazmak: düğüm ekleme, taşıma, yakınlaştırma

✅ Kullanırken çıkan gerçek hataları bulup düzeltmek

✅ Notlar, görsel ve video blokları ile eklentiyi genişletmek

✅ Türkçe dil dosyası, GitHub, lisans ve yayına alma

Videodaki süreç, eklentinin kendi içinde hazırladığım “Bu eklenti nasıl yapıldı?” haritasını takip ediyor: İncele → Planla → Kur → Kullan ve düzelt → Genişlet → Yayınla.

Videonun sonunda eklentiyi kendi WordPress kurulumunuza yükleyip deneyebilecek hale geliyoruz.

Başlamadan önce

  • Kurulu ve çalışan bir WordPress sitesi (yerelde XAMPP/Local ya da gerçek bir hosting üzerinde)
  • Bu WordPress sitesinde yönetici (administrator) yetkisi
  • Kendi seçtiğiniz bir yapay zeka asistanı — ben Claude kullandım; ChatGPT, Gemini veya benzeri de olur
  • Bir kod editörü (VS Code) ve wp-content/plugins klasörüne erişim
  • Temel PHP, JavaScript ve CSS bilgisi — uzman olmanız gerekmiyor
  • Denemeleri canlı sitede değil, yerel bir kurulumda yapmanız önerilir