Bu yazı, ChatGPT ile Master Prompt, Claude ile WordPress videosunun altına gelen dokuz maddelik bir izleyici yorumundan doğan yazı dizisinin bir parçası. Yorumdaki her soruyu ayrı bir yazıda, kısa ve uygulanabilir biçimde cevaplıyorum.
Bir sitemin bilgisayarda ana sayfası düzgün ama mobilde üst üste biniyordu, düzeltemedi. Kendim elle düzeltebilirdim ama ısrarla yaptırdım, yapamadı. Her şeyi yapabilir kuralı var mı?
Yok. Ve bunu ilk günden bilmek, yapay zekâ ile çalışırken en çok zaman kazandıran bilgi. Yorumun sahibi doğru yerde ısrar etmiş, çünkü bu tam olarak yapay zekânın en zayıf olduğu iş türü.
Neden görsel sorunlarda zayıf?
Yapay zekâ, siteyi sizin gördüğünüz gibi görmüyor; kodunu okuyor. “Mobilde üst üste biniyor” dediğinizde onun elinde ekran yok, sadece HTML ve CSS var. Kodda her şey mantıklı görünüyor; iki öğenin ekranda çakıştığını kodu okuyarak anlamak, bir binanın planına bakıp iki kapının birbirine çarptığını fark etmek gibi. Mümkün ama zor ve çoğu zaman yanlış tahmin ediyor. Üstelik Elementor gibi araçlarda mobil düzen ayrı bir ayar katmanında duruyor; yapay zekâ masaüstü ayarını düzeltip “tamam” diyebiliyor.
“Her şeyi yapabilir” yerine doğru kural
Yapay zekâ, metinle tarif edilebilen işlerde çok iyi, görerek anlaşılan işlerde zayıf. Kod yazmak, içerik üretmek, ayar değiştirmek, veri düzenlemek birinci gruba giriyor. Hizalama, boşluk, üst üste binme, renk uyumu, “şurası hoş durmuyor” ikinci gruba giriyor. Bu ayrımı bilen kişi, birinci gruptaki işleri yapay zekâya bırakıp ikinci gruptakileri kendisi yapıyor ve iki taraf da kazanıyor.
Yine de yaptırmak istiyorsanız: ona göz verin
- Ekran görüntüsü verin. Mobil görünümün ekran görüntüsünü alıp sohbete yükleyin ve “bu iki öğe üst üste biniyor” diye işaretleyin. Görüntüyle çalışan modeller bu durumda çok daha isabetli.
- Öğeleri adlandırın. “Başlık ile buton çakışıyor” yerine “hero bölümündeki h1 başlığı ile altındaki ‘Teklif Al’ butonu 390 piksel genişlikte çakışıyor” deyin.
- Tek şey isteyin. “Mobili düzelt” değil, “hero bölümünde mobilde başlık ile buton arasına 24 piksel boşluk koy”.
- Doğrulatın. “Değişiklikten sonra mobil görünümün ekran görüntüsünü al ve çakışma olmadığını doğrula” deyin; tarayıcı kullanan bir kurulumda bunu yapabilir.
Ya da beş dakikada elle düzeltin
Elementor’da editörün altındaki cihaz simgesinden mobil görünüme geçin. Bu görünümde yaptığınız her boşluk, boyut ve hizalama değişikliği yalnızca mobili etkiler, masaüstü bozulmaz. Üst üste binen öğelerin çoğu iki sebepten biner: sabit yükseklik verilmiş bir bölüm ya da negatif kenar boşluğu. Bölümün yüksekliğini “otomatik” yapın, negatif boşlukları mobilde sıfırlayın; sorunların çoğu burada biter. Yorumun sahibinin “kendim elle düzeltebilirdim” demesi doğru bir içgüdü: beş dakikalık elle düzeltme için yarım saat yapay zekâya ısrar etmek, aracı yanlış yerde kullanmak.
Asıl beceri: işi kime vereceğini bilmek
Yapay zekâ ile çalışmak, her şeyi ona yaptırmak değil; neyi ona, neyi kendinize vereceğinizi bilmek. Bu ayrım, iyi bir ustabaşının çırağına hangi işi vereceğini bilmesine benziyor. Çırak kötü değil, sadece bazı işleri henüz göremiyor. Zamanla görecek; şimdilik görsel işlerde son sözü siz söyleyin.
Kapanış
Sorunun geçtiği videoyu buradan izleyebilirsiniz; serinin tüm dersleri, prompt dosyaları ve adım adım notlar fbsoftwaresolutions.com.tr/learn/ adresinde. Sorunuz varsa yazının altına yazın; her yorumu okuyorum ve cevaplıyorum.
