Geçtiğimiz günlerde R10'da ChatGPT ile olması gereken maaş hesaplama Prompt'u paylaşmıştım, şimdi de böyle bir deney ile karşınızdayım.
Bağlantı: https://www.r10.net/yapay-zeka/37130...ufe-dolar.html
2 gündür bununla uğraşıyorum ve toplamda 16 saat mesai harcayarak %100 istediğim gibi çalışan bir WooCommerce filtre bileşeni (widget) oluşturdum. Bunu yaparken sadece ChatGPT-3.5 ve 4 kullandım, hiçbir şekilde koda müdahale etmedim. Sadece verdiğim Prompt'lar ile süreci yürüttüm, geliştirmesini ve hataları düzeltmesini istedim. Eminim işi bilen bir yazılım (PHP/JS) uzmanı bunu 1-2 saatten kısa sürede hallederdi. Ancak, ben henüz kendime sadece "giriş seviyesi" diyebilirim. Asıl uzmanlığım SEO ve içerik. Şunu da eklemek isterim; bu süreç inanılmaz bir şekilde öğrenmeme ve gelişmeme yardımcı oldu.
Şunu söylemek istiyorum; eğer mevcut sürüm bunu yapabiliyorsa, gelecekte çıkacak olan 4.5 ve 5 hatta 6 sürümlerinin neler yapabileceğini hayal bile edemiyorum. Sohbetlerin bağlantısını koyacağım ama sizi uyarayım; oldukça uzunlar. Konuyu paylaşıyorum çünkü ChatGPT ile mevcutta neler yapabildiğimizi ve gelecekte potansiyel olarak neler yapabileceğimizi sizlerle paylaşmak istedim. Ben açıkçası hayran kaldım.
Konuşma geçmişime bakarak, benzer yolları izleyerek siz de çalışabilirsiniz.
Samimi bir dostum için uygun bir ücret karşılığında bir e-ticaret sitesi (SEO dahil) yapıyorum, bunun için de WordPress & WooCommerce ve bir e-ticaret teması kullanıyorum.
WordPress Sürüm: 6.2.2
WooCommerce Sürüm: 7.8.1
Tema Adı: Flatsome
Tema Sürüm: 3.17.3
Temanın kendisine özel bir filtreleme sistemi var ama oldukça basit ve tam olarak istediğimi veremiyor. Bazı eklentileri denedim ama onlar da tam olarak istediğimi veremedi. Mücevher sektöründe olduğumuz için sitenin özel gereksinimleri var. Bunu da kendim yazamayacağım ve bütçemiz de sınırlı olduğu için, ChatGPT'den yardım almaya karar verdim.
Sonuç:
Taksonomy'lerin eklendiği ve ürünün arka planında seçilebildiği, checkbox seçimleri hatırlayan, sadece seçilen filtreler aktifken olan dropdown'un açık geldiği ve diğerlerinin kapalı geldiği, filtre querysinin sorunsuz çalıştığı ve ürünleri listelediği, aktif filtreleri gösteren ve kaldırılabilir olan bir bileşen (widget).
Sonuç URL: ?filter%5Bgenel_filtreler%5D%5B%5D=144&filter%5Bge nel_filtreler%5D%5B%5D=143
Biraz daha zorlasam Rewrite ile URL yapısını da düzenletirdim, eminim.
Çoklu Filtre URL: ?filter%5Brenk_secenegi%5D%5B%5D=150&filter%5Bgene l_filtreler%5D%5B%5D=144&filter%5Bgenel_filtreler% 5D%5B%5D=143&filter%5Brenk_secenegi%5D%5B%5D=150&f ilter%5Brenk_secenegi%5D%5B%5D=149
Hemen sonucu görmek isteyenler aramızdan ayrıldığına göre; sürecin anlatıma başlayalım.
Amacım ne? WordPress'e bir bileşen (Widget) ekleyerek, bu bileşen üzerinden ürünlerin filtrelenmesini sağlamak.
Plan:
1-) Sidebar'a bu widget'i eklemek, dropdown mantığını kullanarak başlıklar koymak ve dropdown'un içerisinde checkbox'ların filtre amacıyla yer alması. Tabii checkbox'ların veriyi taxanomy'lerden çekmesi gerekiyor, taxonomy'lerin ürün kısmında seçilmesi gerekiyor ve filtreyi tetikleyerek query oluşturması gerekiyor. Böylece ürünler filtrelenecek. Burada AJAX kullanmak istemiyorum, tamamen fonksiyon ile URL filtreleme istiyorum. Bu widget'in kullanıcı tercihlerini de hatırlaması gerekiyor, yoksa her seferinde sıfırlanır ve çoklu seçim yapılamaz.
2-) Öncelikle 4 adet taxonomy'e ihtiyacım oldu. WooCommerce tarafına eklenmesi gerekiyor. Bunlar; genel filtreler (mesela kadın, erkek, ücretsiz kargo, hızlı kargo, indirimli ürün, set ürün, hediyeli ürün vb.), renk (mesela gold, rose gold vb.), karat (pırlanta ürünler için), ayar (altın ürünler için).
3-) Genelt filtre ve renk taxonomy'sinin ürünlerin olduğu her sayfada gözükmesi gerekiyor ama karat ve ayar taxonomy'lerinin sadece tüm/genel ürünler, pırlanta ve altın kategorilerinde gözükmesi gerekiyor. Tabii koleksiyon(lar) kategorisi, genel/ana kategori (direkt yüzük/kolye) ve ana sayfada hepsi gözükürken, altın yüzük kategorisinde ise ayarın gözüküp karatın gözükmemesi gerekiyor, vice versa. Oldukça karmaşık, biliyorum. Zaten bu yüzden eklenti kullanamadım. Burada ciddi bir if-else gerekicekti.
6 ay kadar bir C# kursu almıştım, bu bana yazılım mantığı kısmında oldukça fayda sağladı ve uzun yıllardır WordPress sayesinde PHP ile iç içeyim. Öncelikle oturdum ve kafamda mantığı oluşturdum, çünkü vereceğim Prompt(lar) tam olarak buna göre olmalıydı. Sonuçta ChatGPT bir araç ve onu nasıl kullanırsanız size o şekilde hizmet edecektir.
Süreç:
Bol bol problem ve hata ile karşılaştım. Her seferinde Prompt'ları güncellemem ve sorular sormam gerekti, sürekli düzeltmeler/düzenlemeler istedim. Bir şeyi hallettikten sonra direkt diğer geliştirmeye geçtim. Hatta bazen stresten ve gerginlikten sinirlenerek "idiot" falan yazdım, maruz görün.
Not: ChatGPT-4 ile sürece başladım ama tabii ki konuşma hakkım bitti, sonrasında 3.5 ile devam ettim. Sonrasında 3.5 ile bu işe yapamayacağımı anladım ve sadece 4 ile azar azar ilerdim. Çünkü mantığını sağlayamıyor.
Not-2: İşlem yapmadan önce her zaman yedek alın!
Not-3: Ben Prompt'larımı İngilizce vermeyi tercih ediyorum, çünkü daha verimli çalıştığını düşünüyorum. Türkçe işim varsa bile İngilizce veriyorum ve sonuna "Output: [Turkish]" yazarak ilerliyorum.
1-) Öncelikle basit bir başlangıç yapmamız gerekiyordu, henüz basiti bile yapamıyorsak zaten ileriye geçemezdik.
2-) İlk olarak ürün nitelikleri üzerinden ilermeye karar verdim. Sitenin sahibi ürün varyasyonları ekleyeceği için bu pek mümkün olmadı.
1. Chat-GPT Sohbet URL: Remove WooCommerce Variations. (openai.com)
3-) Ürün sayfasında renk ve boyut seçme kutucukları olacağı için, filtreleme yapmak istediğimiz nitelikleri ekleyemezdik. Filtre için kullanılacak nitelikleri eklersek, 3. bir kutucuk olarak nitelikler de üründe çıkıyordu. Öncelikle bunu değiştirmeyi denedim ama başarısız oldum. WooCommerce'ün nitelik ve varyasyon sistemi bu açıdan başarısız. Tabii benimkisi biraz kapsam dışı kaldı.
4-) Böyle ilerleyemeyeceğimizi anlayınca, ürünlere tıpkı bir kategori gibi taxonomy eklemeyi ve onlar üzerinden filtreleme yapmayı düşündüm. Tabii bu taxonomy'ler ürün sayfasında hiçbir şekilde gözükmemeli ve sadece filtre amacıyla kullanılmalıydı.
5-) Taxonomy'ler başarılı bir şekilde oluştu, hatta bir nevi filtreleme bile oldu ama bir problem vardı, sonuçlar sanki bir sayfa gibi "/blog/shipping/test2222/" altında çıkıyordu. Blog zaten ne alakaydı?
6-) Biraz temel oluşturduktan sonra süreci ilerletmeye ve bileşeni geliştirme sürecine atıldım. Bu esnada yine çok sayıda hata ve problemle karşılaştım. Geliştirme sürecinde bileşeni bozduk ve bu sefer ürün listelememeye başladı.
7-) Filtre seçeneklerini taxonomy olarak ekletip, checkbox mantığı ile basip bir sisteme oturttuktan sonra artık dropdown mantığına geçme zamanı gelmişti. Burada da yine onlarca kez deneme-yanılma yapmak zorunda kaldık.
8-) Uzun uğraşlar sonunda, düzgünce çalışan tek bir taxonomy ile basit bir filtreleme yapan basit bir bileşen oluşturduk. Şimdi yukarda bahsesttiğim komplike sürece geçme zamanı geldi...
9-) Mevcut sohbet çok uzamıştı, artık zaten iyice kafası da karışmıştı. Yeni bir sohbet ve sıfır bir Promt ile sürece devam etme zamanı gelmişti.
Gerisini sizin hayal gücünüze bırakıyorum. Diğer sohbet bağlantıları aşağıdadır.
2. Chat-GPT Sohbet URL: Register Taxonomies & Create Widget (openai.com)
3. Chat-GPT Sohbet URL: WooCommerce Taxonomy Registration (openai.com)
4. Chat-GPT Sohbet URL: https://chat.openai.com/share/b6b7f9...1-b54a474bbaf6
ve final.. Aşağıda yer alan sohbette süreci tamamladık. Süreci tamamlamak için, geçmiş sohbetlerde oluşturulmuş temel kodu kullandım ve sorunları düzelterek geliştirmesini istedim.
5. Chat-GPT Sohbet URL: https://chat.openai.com/share/aff09d...9-2beffb4ca5f0
Geliştirmeleri child temanın functions.php'si üzerinde yaptım.
Önceki sohbette yazdırdığımız kodu düzelttirdik ve geliştirttik. Başarıya ulaştık. Tüm süreci adım adım anlatırsam zaten sığmaz ve sıskılırsınız. İsteyenler sohbet bağlantıları üzerinden detaylı oalrak inceleyebilir.
