ChatGPT İle Oluşturulan Bakmak Zorunda Olduğunuz Bir Magento 2 Modülü

ChatGPT İle Oluşturulan Bakmak Zorunda Olduğunuz Bir Magento 2 Modülü

Table of Contents:

1. Bağlantıları Göster
   • 1.1. Bir Twig Yardımcısı Oluşturma
   • 1.2. Twig Şablonuna Ekleme
2. Modülü Etkinleştirme
3. Ana Şablona Blok Ekleme
4. Özel Tema Oluşturma
   • 4.1. Tema Dosyaları Oluşturma
   • 4.2. Temayı Aktif Etme
5. Sayfalarda Bloğu Görüntüleme
6. Bloğun Stilini Özelleştirme
   • 6.1. Stil Dosyasını Oluşturma
   • 6.2. CSS'i Eklemek
7. Farklı Araçlar ve Modüller
   • 7.1. Bağlantı Kontrolü
   • 7.2. Layout Handle'ın Otomatik Oluşturulması
8. Bağlantıları Test Etme
9. AI Oluşturulan Modülün İncelemesi
   • 9.1. Kod İncelemesi
   • 9.2. Magento En İyi Uygulamalarıyla Uyumluluk
10. Sonuç ve Öneriler

🔍 1. Bağlantıları Göster

Magento geliştiricilerinin kod yazarken nasıl yardımcı olabileceğine dair büyük ilgi duyduğum AI ve Magento 2 güçlü temalar kursunun geliştirme aşamasından bahsettim. Öğrencilerimin hızlı bir şekilde kurabileceği ve sadece bağlantıları gösterebileceği çok basit bir şey istedim; bu yüzden chat gbt'den bana yardım etmesini istedim. Bu, benim özel modülüm için harika bir başlangıç noktası olacağını düşündüm. Kodu kopyalayıp yapıştıracak, çalışıp çalışmadığını görmek ve ardından da kodu manuel olarak gözden geçirecektim. Bu bize, kutudan bir şeyler çalıştığını ve Magento 2'nin en iyi uygulama kurallarına ne kadar yaklaştığını gösterecektir. Sonunda, sayfaların altında bağlantıları gösteren bir modülümüz olacak.

2. Modülü Etkinleştirme

Modülü etkinleştirmek için Terminal'i açın ve aşağıdaki komutu kullanın:

bin/magento module:enable MarkShust_LayoutHandleLogger

Daha sonra, modülü kaydedin:

bin/magento setup:upgrade

3. Ana Şablona Blok Ekleme

Bağlantıları tüm sayfalarda göstermek için, default.xml dosyasına bloğu eklememiz gerekiyor. Bunun için aşağıdaki adımları izleyin:

• Temanızın default.xml dosyasını açın.
• Aşağıdaki kodu ekleyin:

<block class="MarkShust\LayoutHandleLogger\Block\View" name="layout.handle.logger" template="MarkShust_LayoutHandleLogger::handles.phtml"/>

4. Özel Tema Oluşturma

Göstergeyi istediğiniz gibi özelleştirmek için bir özel tema oluşturmanız gerekebilir. Aşağıdaki adımları izleyin:

4.1. Tema Dosyaları Oluşturma

• app/design/frontend/Vendor/Theme yolunda yeni bir klasör oluşturun.
• Klasör içinde registration.php dosyası oluşturun ve aşağıdaki kodu ekleyin:

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Vendor/Theme',
    __DIR__
);

• theme.xml dosyası oluşturun ve aşağıdaki içeriği ekleyin:

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>My Custom Theme</title>
    <parent>Magento/luma</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

4.2. Temayı Aktif Etme

• Magento Yönetici Paneli'ne giriş yapın.
• "Stores" menüsünden "Configuration" seçeneğini seçin.
• "General" bölümünde "Design" altında "Themes" linkini tıklayın.
• "Default Theme" için "Vendor/Theme" seçeneğini belirleyin ve kaydedin.

5. Sayfalarda Bloğu Görüntüleme

Şimdi, bağlantıları tüm sayfalarda göstermek için ana şablonda bloğu çağırmanız gerekmektedir:

• Temanızın default.xml dosyasını açın.
• body bölümü içerisinde aşağıdaki kodu ekleyin:

<referenceContainer name="content">
    <block class="MarkShust\LayoutHandleLogger\Block\View" name="layout.handle.logger" template="MarkShust_LayoutHandleLogger::handles.phtml"/>
</referenceContainer>

6. Bloğun Stilini Özelleştirme

Bağlantıların stilini özelleştirmek için aşağıdaki adımları izleyebilirsiniz:

6.1. Stil Dosyasını Oluşturma

• Temanızın kök dizininde web/css klasörü oluşturun.
• Klasör içinde custom.css adında bir dosya oluşturun.

6.2. CSS'i Eklemek

• Temanızın default.xml dosyasını açın.
• head bölümü içerisinde aşağıdaki kodu ekleyin:

<css src="css/custom.css" />

7. Farklı Araçlar ve Modüller

Bağlantıları göstermek için kullanabileceğiniz bazı farklı araç ve modüller hakkında bilgi:

7.1. Bağlantı Kontrolü

• Bir bağlantının gerçekten bir sayfayla ilgisi olup olmadığını kontrol etmek için, Magento\Framework\View\Element\AbstractBlock sınıfının isCorrectHandle() yöntemini kullanabilirsiniz.

7.2. Layout Handle'ın Otomatik Oluşturulması

• Otomatik olarak layout handle oluşturmak için, Magento\Framework\View\LayoutInterface sınıfının generateXml() yöntemini kullanabilirsiniz.

8. Bağlantıları Test Etme

Bağlantıları test etmek için, herhangi bir sayfanın alt kısmına gidin ve bağlantıların orada olup olmadığını kontrol edin. Sayfaları yenilediğinizde bağlantıların hala görüntülendiğini göreceksiniz.

9. AI Oluşturulan Modülün İncelemesi

Üretilen modülü incelemek önemlidir. İşte bir kod incelemesi:

9.1. Kod İncelemesi

Modülün handles.phtml dosyasında bazı düzeltmeler ve iyileştirmeler yapılabilir. Örneğin, Magento Framework için bir Özel Sabit Değeri kullanmamız gerekebilir:

<?php $handles = $block->getLayout()->getUpdate()->getHandles(); ?>

Ayrıca, kullanılmayan bazı değişkenlerin ve satırların kaldırılması gerekebilir.

9.2. Magento En İyi Uygulamalarıyla Uyumluluk

Modülün Magento'nun en iyi uygulamaları ve kodlama kurallarıyla uyumlu olup olmadığını kontrol etmek önemlidir. Bu, modülün güvenli ve sürdürülebilir bir şekilde bir üretim sitesinde kullanılabilir olup olmadığını gösterir. Yapılan incelemelerde bazı küçük düzeltmeler yapılarak modülün bu uygulamalarla uyumlu hale getirilmesi mümkündür.

10. Sonuç ve Öneriler

Bağlantıları göstermek için hazırladığımız AI ile oluşturulan modül, hedefine tamamen ulaşmış gibi görünmektedir. Modül, kutudan çıktığı gibi çalışır ve güzel bir şekilde stilize edilir. Ancak, bazı iyileştirmeler yapılması gerekmektedir. Bu iyileştirmeler, kodu daha okunabilir, daha sürdürülebilir ve Magento'nun en iyi uygulamalarına uyumlu hale getirecektir. AI, geliştirme üretkenliğini artırabilir, ancak Magento'nun temellerini öğrenmek ve çözümleri özelleştirmek için deneyime ihtiyaç duyulmaktadır. AI destekli araçları kullanmanın yanı sıra, B-Line gibi araçları da denemenizi öneririm.

🌟 Highlights

• AI ile oluşturulan kodun hızlı ve kullanışlı olduğu görülmektedir.
• Modül, bağlantıları gösterme konusunda etkili bir çözüm sunmaktadır.
• AI destekli araçlar, geliştirme sürecinde zaman kazandırabilir.

Sık Sorulan Sorular

S: AI, bağlantıları nasıl göstermek için balangıç noktası sunuyor? C: AI, hazır bir modül oluşturarak bağlantıların tüm sayfalarda görüntülenmesini sağlar. Bu modül, Magento 2'nin en iyi uygulamalarına uyumu hedefler.

S: Oluşturulan modülü düzenlemek için neler yapabilirim? C: Oluşturulan modülü düzenlemek için handles.phtml dosyasında bazı iyileştirmeler yapabilirsiniz. Ayrıca, kodu Magento'nun en iyi uygulamalarına uyumlu hale getirmek için inceleyebilirsiniz.

S: AI desteğiyle kod oluşturmanın avantajları nelerdir? C: AI desteğiyle kod oluşturmak, geliştirme sürecinde zaman kazandırır ve daha hızlı bir şekilde sonuç elde etmenizi sağlar. Ancak, Magento'nun temellerini öğrenmek ve deneyime sahip olmak yine de önemlidir.