Bu kursun diğer bölümlerinde
Ana istem — Kendi WordPress eklentini sıfırdan planla ve yaz WordPress Panelinde Mind Map Eklentisi Geliştirdim | Yapay Zeka ile Sıfırdan Eklenti Kopyala
Sen deneyimli bir WordPress eklenti geliştiricisisin. Benimle birlikte, WordPress yönetim panelinin içinde çalışan bir [EKLENTİ FİKRİ] eklentisini sıfırdan geliştireceğiz.
ÇALIŞMA KURALLARI
1. Aşama aşama ilerle. Ben "devam" demeden bir sonraki aşamaya geçme.
2. Her önemli kararın gerekçesini önce yaz, kodu sonra.
3. WordPress çekirdek dosyalarını değiştirme; harici bir SaaS servisine, API anahtarına veya CDN'e bağımlılık kurma.
4. Kullanacağın her kütüphaneyi lisansıyla birlikte eklentinin içine koy.
5. Kod yeni başlayan birine anlatılabilir olsun: açık fonksiyon isimleri, Türkçe yorum satırları.
AŞAMALAR
0 · İncele — Benzer araçları incele ve ilk sürümde şart olan 10 özelliği çıkar.
1 · Planla — Veriyi nerede saklayacağız, hangi yetkiler kullanılacak, REST uçları ne olacak, hangi veri tehlikeli ve nasıl temizlenecek. Ayrıca NELERİ YAPMAYACAĞIMIZI da yaz.
2 · MVP'yi kur — Eklenti iskeleti, dosya düzeni, yönetim menüsü, liste ekranı ve düzenleme ekranı.
3 · Kullan ve düzelt — Ben kullanırken bildireceğim hataları tek tek düzelt; her düzeltmede ne değiştiğini söyle.
4 · Genişlet — Sadece ben istediğimde yeni özellik ekle.
5 · Yayınla — POT dil dosyası, README, lisans ve sürüm notu.
TEKNİK SINIRLAR
- Veri: Custom Post Type + post meta içinde JSON.
- Yetki: kendi capability'lerimiz; manage_options kullanma.
- Her REST ucunda gerçek bir permission_callback ve nonce doğrulaması olsun.
- Kullanıcıdan gelen her veri kaydederken temizlensin (sanitize), ekrana basarken kaçırılsın (escape). Kullanıcı metnini innerHTML ile basma.
Şimdi 0 · İncele aşamasından başla ve bana raporunu ver. Henüz kod yazma.
ChatGPT için — Konuşmamı Master Prompt'a dönüştür Yapay Zeka ile Konuşarak Proje Geliştirme | ChatGPT ile Master Prompt, Claude ile Mind Map Kopyala
Şimdi seninle sesli olarak bir yazılım projesi hakkında konuşacağım. Ben projeyi normal bir insana anlatır gibi, dağınık ve eksik olabilecek şekilde anlatacağım. Senin görevin:
1. Anlattıklarımı dikkatle dinlemek ve düzenli bir yapıya oturtmak.
2. Eksik veya belirsiz gördüğün noktaları bana tek tek sormak (hedef kitle, sayfalar, tema, eklentiler, kurulum sırası, onay noktaları, yasaklar).
3. Konuşma bittiğinde, Claude adlı bir yapay zeka geliştirme aracına vereceğim PROFESYONEL BİR MASTER PROMPT hazırlamak.
Master Prompt şu bölümleri içermeli:
- Proje adı ve tek cümlelik amaç
- Hedef kitle ve dil (site Türkçe olacak)
- Sayfa listesi ve her sayfanın içeriği
- Teknik yığın: WordPress + [tema] + [eklentiler]
- Çalışma sırası (adım adım, numaralı)
- Onay noktaları: hangi adımda durup benden onay isteyeceği
- Kesin kurallar: neyi yapmayacağı
- Teslim biçimi: önce Mind Map, sonra HTML mockup, sonra WordPress
Bitirdiğinde Master Prompt'u tek bir kod bloğu içinde, kopyalamaya hazır şekilde ver.
Claude için — Master Prompt (videodaki oto servis örneği: Master Prompt'u Mind Map'e ekle) Yapay Zeka ile Konuşarak Proje Geliştirme | ChatGPT ile Master Prompt, Claude ile Mind Map Kopyala
==================================================
MASTER PROMPT'U MIND MAP'E EKLE
==================================================
ÇOK ÖNEMLİ:
Bu projede sana verdiğim bu MASTER PROMPT sadece geçici bir sohbet
talimatı değildir.
Bu Master Prompt aynı zamanda oluşturacağın Mind Map'in içerisinde
saklanmalıdır.
Mind Map içerisinde açıkça görülebilen bir ana bölüm oluştur:
"MASTER PROMPT / CLAUDE PROJE TALİMATLARI"
Bu bölümün içerisine bu projede sana verdiğim Master Prompt'un
TAMAMINI ekle.
Master Prompt'u özetleme.
Önemli maddeleri çıkarma.
Talimatları kısaltma.
Master Prompt'un tamamı Mind Map içerisinde saklanmalıdır.
Amaç:
İleride Claude veya başka bir yapay zeka bu Mind Map'i açtığında,
önce Master Prompt'u okuyarak:
- Projenin amacını
- Web sitesinin Türkçe olacağını
- Hangi sayfaların oluşturulacağını
- Hangi eklentilerin kurulacağını
- Hangi temanın kullanılacağını
- Mockup sürecini
- Mockup onay noktasını
- WordPress kurulum sırasını
- Elementor kullanım şeklini
- Menü yapısını
- Yedekleme sürecini
- Kalite kontrol kurallarını
- Otonom çalışma kurallarını
tam olarak anlayabilmelidir.
==================================================
MIND MAP YAPISI
==================================================
Mind Map içerisinde en az iki ana bölüm bulunmalıdır:
1. MASTER PROMPT / CLAUDE PROJE TALİMATLARI
Burada bu Master Prompt'un tamamını sakla.
2. PROJE UYGULAMA PLANI
Burada Master Prompt'u uygulanabilir Mind Map adımlarına dönüştür.
Uygulama planının ana akışı:
PROJE BAŞLANGICI
↓
PROJE PLANLAMASI
↓
WEB SİTESİ YAPISI
↓
SAYFALAR
↓
MENÜ YAPISI
↓
HTML MOCKUP TASARIMI
↓
MOCKUP ONAYI
↓
WORDPRESS'E GİRİŞ
↓
WPVIVID KURULUMU
↓
İLK YEDEK
↓
KADENCE KURULUMU
↓
ELEMENTOR KURULUMU
↓
SAYFALARIN OLUŞTURULMASI
↓
MENÜNÜN OLUŞTURULMASI
↓
ELEMENTOR + HTML UYGULAMASI
↓
MOBİL UYUMLULUK
↓
KALİTE KONTROL
↓
SON YEDEK
↓
SON RAPOR
↓
PROJE TAMAMLANDI
==================================================
MIND MAP'İN AMACI
==================================================
Bu Mind Map yalnızca görsel bir proje planı değildir.
Bu Mind Map aynı zamanda projenin:
- Dokümantasyonu
- Yol haritası
- Claude çalışma talimatı
- Uygulama kontrol listesi
- Proje hafızası
olarak kullanılacaktır.
Bu nedenle Mind Map tek başına açıldığında projenin nasıl
gerçekleştirileceği anlaşılabilmelidir.
İleride yeni bir Claude oturumu açıldığında, yalnızca bu Mind Map
okunarak projeye devam edilebilmesi hedeflenmektedir.
==================================================
ŞİMDİ YAPILACAK İŞ
==================================================
Şu anda WordPress sitesini oluşturma.
Öncelikle:
1. Mevcut Mind Map sistemini aç.
2. Yeni projeyi oluştur.
3. Proje adını:
"OTO SERVİS VE ARAÇ BAKIM WEB SİTESİ"
olarak belirle.
4. Master Prompt'un tamamını Mind Map'e ekle.
5. Master Prompt'tan yola çıkarak proje uygulama planını oluştur.
6. Gerekli alt dalları ve görevleri ekle.
7. Bütün Mind Map'in Türkçe olduğundan emin ol.
8. Mind Map'in eksiksiz olduğunu kontrol et.
9. İşlem tamamlandığında DUR.
10. Bana oluşturduğun Mind Map'i göster.
BEN ONAY VERMEDEN WORDPRESS WEB SİTESİNİ OLUŞTURMAYA BAŞLAMA.
Link : [WORDPRESS PANELİNİZİN ADRESİ, örn. https://siteniz.com/wp-admin/]
Claude için — Master Prompt'u Mind Map'e aktar (WordPress işi yapma) Yapay Zeka ile Konuşarak Proje Geliştirme | ChatGPT ile Master Prompt, Claude ile Mind Map Kopyala
Aşağıda ChatGPT ile yaptığım konuşmadan çıkan Master Prompt var. Bu aşamada WordPress sitesine HİÇBİR ŞEKİLDE dokunma; hiçbir eklenti kurma, sayfa oluşturma.
Görevin: projenin tamamını WordPress panelindeki FB Mind Map eklentisi içinde tek bir harita olarak oluşturmak. Harita şu dalları içersin:
1. Proje özeti ve hedef
2. Master Prompt (aşağıdaki metnin tamamı, birebir)
3. Sayfa yapısı (her sayfa bir düğüm, altında bölümleri)
4. Teknik yığın ve kurulum sırası (WPvivid yedeği → Kadence → Elementor Free → sayfalar → menü → tasarım aktarımı → mobil/kalite kontrolü → son yedek)
5. Onay noktaları (mockup onayı ana onay noktasıdır)
6. Çalışma kuralları ve yasaklar
7. Uygulama kontrol listesi (her adım için yapıldı/yapılmadı)
8. Durum günlüğü (proje hafızası — her oturumda güncellenecek)
Harita tamamlanınca dur ve benden onay iste. Onay vermeden bir sonraki adıma (HTML mockup) geçme.
MASTER PROMPT:
[ChatGPT'nin verdiği Master Prompt'u buraya yapıştırın]
Claude için — Yeni oturumda Mind Map'ten devam et Yapay Zeka ile Konuşarak Proje Geliştirme | ChatGPT ile Master Prompt, Claude ile Mind Map Kopyala
Bu projeye yeni bir oturumda devam ediyoruz. Proje hafızamız WordPress panelindeki FB Mind Map eklentisinde "[HARİTA ADI]" adlı haritada.
1. Önce haritayı baştan sona oku: Master Prompt, sayfa yapısı, kurulum sırası, kurallar, kontrol listesi ve durum günlüğü.
2. Bana projenin ne olduğunu, hangi adımların tamamlandığını ve sıradaki adımın ne olduğunu kısa bir özetle anlat.
3. Sıradaki adıma benden onay almadan başlama.
4. Tamamladığın her adımda kontrol listesini ve durum günlüğünü haritada güncelle.
Kurallar değişmedi: mockup onaylanmadan WordPress'e dokunulmaz; her büyük adımdan önce WPvivid yedeği alınır; site Türkçe olacak.
Claude için — Proje açıklaması (Create new project → What are you trying to achieve) ChatGPT ile Master Prompt, Claude ile Mind Map #4 | Claude WordPress Sitesini Canlı Kuruyor Kopyala
Bu projenin amacı, bir [OTO SERVİS VE OTO BAKIM] işletmesi için profesyonel bir WordPress web sitesi oluşturma sürecini baştan sona bir Mind Map içerisinde planlamaktır.
Bu Mind Map daha sonra Claude tarafından bir uygulama rehberi ve proje talimatı olarak kullanılacaktır.
Claude ilerleyen aşamada tarayıcı üzerinden WordPress panelini kullanarak siteyi oluşturacaktır.
Projeyle ilgili tüm bilgiler (sayfalar, tema, eklentiler, tasarım kuralları, onay noktaları) Master Prompt'ta verilecektir.
Claude için — Master Prompt + WordPress panel adresi (projedeki ilk mesaj) ChatGPT ile Master Prompt, Claude ile Mind Map #4 | Claude WordPress Sitesini Canlı Kuruyor Kopyala
[MASTER PROMPT'UN TAMAMINI BURAYA YAPIŞTIRIN — 3. bölümde ChatGPT ile hazırladığınız prompt ya da GitHub'daki oto servis örneği]
(Shift+Enter ile yeni satır)
WordPress paneli: https://[SİTENİZ]/wp-admin/
Bu adrese Chrome eklentisi ile gir. Sitede FB Mind Map eklentisi kurulu; Master Prompt'taki aşamaları önce bu eklentinin içinde Mind Map olarak oluştur. Mind Map bitince WordPress kurulumuna geçmeden önce benden onay bekle.
Claude için — Mockup revizyonu: açık/koyu versiyon ve banner'lı hero ChatGPT ile Master Prompt, Claude ile Mind Map #4 | Claude WordPress Sitesini Canlı Kuruyor Kopyala
Hi Claude, please make a light and dark version of the HTML mockup. Make hero sections with banners.
(Türkçesi: Merhaba Claude, HTML mockup'ın açık ve koyu birer versiyonunu hazırla. Hero bölümlerine banner ekle.)
Claude için — Mockup onayı ve WordPress kurulumuna geçiş ChatGPT ile Master Prompt, Claude ile Mind Map #4 | Claude WordPress Sitesini Canlı Kuruyor Kopyala
Please use the light theme for the WordPress build and proceed.
(Türkçesi: WordPress kurulumu için açık temayı kullan ve devam et.)