Tema düzenleyicisinde tema bloklarını otomatik olarak oluşturma

Shopify Magic aracılığıyla, sağladığınız ayrıntılara göre tema düzenleyicinizde yeni bir tema bloku oluşturmak için Yapay Zekayı (AI) kullanabilirsiniz.

Tema blokları oluşturmayla ilgili dikkat edilmesi gerekenler

Tema blokları oluşturmayla ilgili aşağıdaki hususları inceleyin:

• Yapay zeka tarafından oluşturulan kod her zaman mükemmel olmayabilir. Bazen hatalar, beklenmedik sonuçlar veya erişilebilirlik ya da performansla ilgili en iyi uygulamaları tam olarak karşılamayan kodlar üretebilir. Oluşturulan blokun standartlarınıza uygun olduğundan ve doğru çalıştığından emin olmak için bloku incelemek ve test etmek sizin sorumluluğunuzdadır.
• Tema düzenleyicisi önizlemesinde, blokun hem masaüstü hem de mobil görünümlerini önizleyin.
• Blokunuzda kişiselleştirme ayarları varsa beklendiği gibi çalıştıklarından emin olmak için bloku ekledikten sonra bunları test edin.
• Bir tema bloku oluşturduktan sonra, blokun yeni liquid dosyası, blocks klasörüne, temanızın kodunun içinde eklenir.
  • Tema blokları, Liquid, yani Shopify'ın şablon dilinden oluşur. Tema bloku dosyaları ayrıca HTML, CSS, JSON ve JavaScript de içerir. Bir tema bloku oluşturduktan sonra, blokun yeni liquid dosyası, blocks klasörüne, temanızın kodunun içinde eklenir.

    

  • Oluşturulmuş bir tema blokunu kodu düzenleyerek değiştirmek isterseniz tema kodunuzu düzenleyebilirsiniz. Tema kodunuzu yalnızca HTML ve CSS biliyorsanız ve temel düzeyde Liquid bilgisine sahipseniz düzenleyin.
  • Shopify Magic tarafından oluşturulan liquid dosyası bağımsızdır. Tema mağazasında yeni sürümler yayınlandığında temanızı güncellemeye devam edebilirsiniz.

Tema blokları oluşturmaya yönelik uygunluk gereklilikleri

Tema blokları oluşturmak için aşağıdaki gereklilikleri inceleyin.

Fiyatlandırma planı gereklilikleri

Mağazanızın aşağıdaki fiyatlandırma planlarından birinde olması gerekir:

• Ücretsiz deneme
• Basic
• Growth
• Advanced
• Plus

Bu özellik, Spotlight temasını kullanan ve özel tema bölümleri ya da blokları eklemeyi desteklemeyen Starter planında kullanılamaz.

Tema uyumluluğu

Tema bloku oluşturma özelliği, Shopify Tema Mağazası'ndaki tüm temalarda kullanılabilir. Uyumlu bir üçüncü taraf teması kullanıyorsanız ücretsiz deneme sürümü bu özelliği desteklemediğinden, tema blokları oluşturabilmeniz için öncelikle temayı satın almanız gerekir.

Bu özellik eski temalarda kullanılamaz. Farklı tema mimarisi sürümlerine yönelik özellikler hakkında daha fazla bilgi edinin.

Kullanıcı izni gereklilikleri

Aşağıdaki kullanıcılar temalarda blok oluşturabilir:

• Mağaza sahibi ve kuruluş sahibi.
• Yönetici veya Kuruluş yöneticisi rollerine sahip kullanıcılar.
• Kodu Düzenle iznine sahip bir Mağaza rolü olan kullanıcılar.

Etkili tema bloku istemleri yazmaya yönelik ipuçları

Oluşturulan blokun kalitesi genellikle isteminizin kalitesine bağlıdır. Şu en iyi uygulamaları izleyin:

• Belirli ve açıklayıcı olun: İstemler en az beş kelime uzunluğunda olmalıdır. Daha fazla ayrıntı içeren uzun istemlerin daha doğru sonuçlar verme olasılığı yüksektir. Örneğin, görsel ve metin ekle yazmak yerine Solda bir görsel, sağda ise bir başlık, paragraf metni ve 'Hemen Alışveriş Yap' düğmesi bulunan bir blok oluştur. Mobilde alt alta sırala yazın.
• İçerik öğelerini belirtin: Blok için gereken başlık, paragraf, görsel, düğme, form ve simge gibi içerik türlerini listeleyin.
• Düzen önerin: Bloktaki öğelerin yan yana, ızgara, ortalanmış veya dönüşümlü satırlar gibi yerleşim biçimlerini açıklayın.
• Özelleştirme ayarlarını ekleyin: Blokun tema düzenleyicisinde görseli, metni veya düğme bağlantısını değiştirme seçeneği gibi düzenlenebilir belirli ayarlara sahip olmasını istiyorsanız bunları isteminize ekleyin. Örneğin, video içeren bir blokta animasyon hızını kontrol etmeye yönelik bir ayar eklemek için Animasyon hızını kontrol etmek için bir ayar ekle yazın.
• Ek talimatlarla yineleyin: İlk sonuç tam olarak uygun değilse isteminizi daha fazla ayrıntı veya farklı bir ifadeyle düzenleyin ve ardından yeniden oluşturun.

En iyi uygulamaları izleyen aşağıdaki istem örneklerini inceleyin:

• A testimonial block with a customer photo, quote text, customer name, and a 5-star rating display.
• Side-by-side feature block: left side has an icon and heading, right side has descriptive text.
• Full-width banner with a background image, centered large heading text, smaller subheading text below it, and a call-to-action button.

Tema bloku oluşturma

Bir blok oluşturup saklamaya karar verdikten sonra yeni blok, blok seçiciye eklenir. Bloku, tema bloklarını kabul eden uyumlu bölümlere ekleyebilirsiniz.

Adımlar:

1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

2. Düzenlemek istediğiniz temayı bulun ve Özelleştir'e tıklayın.

3. Ana sayfanızı özelleştirin veya Ana sayfa açılır menüsüne dokunup bölüm eklemek istediğiniz şablonu seçin.

4. Blok oluşturmak istediğiniz bölüme tıklayın.

5. Blok ekle'ye tıklayın.

6. Oluştur'a tıklayın.

7. Oluşturmak istediğiniz blokun açıklamasını girin.

8. Oluştur'a tıklayın. Shopify Magic talebinizi işler ve kodu oluşturur.

9. Oluşturulan bloku doğrudan tema düzenleyicisinde önizleyin. Kişiselleştirme ayarları oluşturulduysa blokunuzu kişiselleştirebilirsiniz.

10. Oluşturulan bloktan memnunsanız Koru'ya tıklayın. Memnun değilseniz bloktan vazgeçebilir veya ek talimatlar sağlayabilirsiniz.

Oluşturulan bir tema blokunu temanızdan silme

Bir tema bloku oluşturduktan sonra blok için yeni liquid dosyası, tema kodunuzdaki blocks klasörüne eklenir. Oluşturulan bir tema bloku mağazanızda sorunlara neden oluyorsa tema kodunuzdaki liquid dosyasını silerek bu bloku silebilirsiniz.

Adımlar:

1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

2. Düzenlemek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

3. Ana sayfanızı özelleştirin veya Ana sayfa açılır menüsüne dokunup bölüm eklemek istediğiniz şablonu seçin.

4. Silmek istediğiniz bloku içeren bir bölüme tıklayın. Daha önce blokun tüm örneklerini kaldırdıysanız blok seçiciden bloku yeniden eklemek için Blok ekle'ye tıklayın.

5. Blokun ayarlarında > Kodu düzenle'ye tıklayın.

6. Kenar çubuğu menüsünde, blocks klasörüne tıklayarak klasörü genişletin ve ardından o anda görüntülediğiniz blok dosyasını bulun. Dosya, o anda açık olan blokun adıyla eşleşir ve .liquid ile biter.

   

7. Kenar çubuğu menüsünde, blok dosyasının yanındaki simgesine tıklayın.

8. İletişim kutusunda, onaylamak için Dosyayı sil'e tıklayın.