Magento Blokları ve Widget'larına Yeni Başlayanlar Kılavuzu

Bloklar ve Widget'lar, Magento'daki temel düzen özellikleridir. Bu iki özellik çok yakından bağlantılıdır ve genellikle birlikte kullanılır.

Bloklar hakkında düşünmenin bir yolu, onların mini Sayfalar olmalarıdır. Bir Blok ayrıca metin, resim, video ve daha fazlasını içerebilir. Ancak Bloklar daha küçük olduğu için onları sitenizin kenarlarında göreceksiniz. Bloklar genellikle üstbilgilere, kenar çubuklarına ve altbilgilere eklenir.

Ancak, Bloklar Widget'lar kullanılarak yerleştirilir. Önce bir Blok oluşturursunuz ve ardından bu Bloğun nerede görüntüleneceğine karar vermek için bir Widget kullanırsınız.

Size bazı örneklerle yol gösterelim ve Magento'da Blokların ve Widget'ların nasıl çalıştığını gösterelim.

Bu kılavuz, Magento 2 için en çok satan kitap olan Magento 2 Açıklamasından alınmıştır. Bu kitapta "Orangeville" adlı bir mağaza örneğini kullanıyoruz, bu nedenle burada atıfta bulunulduğunu göreceksiniz.

Magento Blokları Oluşturma Açıklaması

İlk Bloğumuzu oluşturma sürecinden geçelim. Bu bir HTML bağlantısı içerecektir.

• "İçerik"e ve ardından "Bloklar"a gidin.
• Sağ üst köşedeki "Yeni Blok Ekle" ye tıklayın.

• "Blok Başlığı" olarak "Anahtar Bağlantıları" girin. Ziyaretçilerin ekranda göreceği şey budur.
• Tanımlayıcı olarak "key_links" girin. Bu dize, Magento'nun bloğu tanımlamak için kullandığı şeydir, ancak ziyaretçiler onu asla göremez.

• Düzenleyici araç çubuğundaki madde işareti simgesini tıklayın:

• Madde işareti olarak "Orangeville Hakkında" yazın:
• "Orangeville Hakkında" metnini seçin ve bağlantı simgesini tıklayın.

• Şimdi bir açılır pencere göreceksiniz. "Orangeville Hakkında" sayfanızın URL'sini girin. Bunun ne olduğundan emin değilseniz, Magento sitenizi yeni bir tarayıcı sekmesinde açabilir ve büyük olasılıkla example.com/about-orangeville/ olan URL'yi bulabilirsiniz.
• "Ekle" ye tıklayın.
• Artık Bloğunuzun içinde bir "Orangeville Hakkında" bağlantınız var:

• "Bloğu Kaydet" e tıklayın.

Magento Widget'ları Oluşturma Açıklaması

Artık bloğunuzu site tasarımınıza yerleştirme zorluğumuz var. Magento'nun Widget'larının işe yaradığı yer burasıdır. Magento'da bir Blok sadece bir içerik parçasıdır. Bloğun yerleşimini kontrol eden Widget'tır.

Ancak, bir Widget'ın yapabileceği tek şey bu değil. Bir Widget, basit, yeni Bloklarımızı yerleştirebilir, ancak aynı zamanda birçok başka özelliği de yerleştirebilir.

• "İçerik"e ve ardından "Widget'lar"a gidin.
• "Widget Ekle" ye tıklayın.
• "Tip" için "CMS Statik Blok"u seçin.
• "Tasarım Teması" için "Magento Luma"yı seçin.
• "Devam" ı tıklayın.

• "Widget Başlığı" için "Anahtar Orangeville Bağlantıları" girin.
• "Mağaza Görünümlerine Ata" altında "Tüm Mağaza Görünümleri"ni seçin.

Ardından, bu Bloğun hangi URL'lerde görüneceğini kontrol edeceğiz.

• "Düzen Güncellemesi Ekle" ye tıklayın.

• "Tüm Sayfalar"ı seçin.

• "Kapsayıcı" seçeneği için "CMS Altbilgi Bağlantıları"nı seçin.

Bu seçeneklerin ikisi de, "Tüm Sayfalar" ve "CMS Altbilgi Bağlantıları" henüz size pek mantıklı gelmeyebilir. Ancak, widget'ı oluşturmayı bitireceğiz ve daha sonra bu bölümde, "Magento Widget Yerleşimi Açıklaması" adlı bölümde, bu seçimleri neden yaptığımız hakkında daha fazla açıklayacağız.

"Düzen Güncellemeleri" altında, widget'ımızı nereye yerleştireceğimiz konusunda ikinci bir seçim yapacağız.

• "Tüm Ürün Çeşitleri"ni seçin.
• Tekrar "CMS Altbilgi Bağlantıları"nı seçin.
• Bu seçeneklerin ikisini de ekledikten sonra ekranınız aşağıdaki resimdeki gibi görünecektir.

Bu noktada, Widget'ı yarattınız ve Magento'ya sitenizde nerede görünmesi gerektiğini söylediniz: bu Widget tüm Sayfalarımızda ve tüm Ürünlerimizde görünecektir.

Şimdi, daha önce oluşturduğunuz Blok olacak olan Widget'ın içeriğini seçme zamanı.

• Kenar çubuğunda "Widget Seçenekleri"ni tıklayın.
• "Blok Seç"e tıklayın.

• Artık daha önce oluşturduğunuz "Anahtar bağlantılar" bloğunu seçebilirsiniz:

• "Kaydet"i tıklayın.
• Sitenizin önünü ziyaret edin ve bağlantınızın artık altbilgide yayınlandığını göreceksiniz. İçerikle bir Blok oluşturdunuz ve bunu bir Widget içinde yayınladınız.

Birlikte Bloklar ve Widget'lar Oluşturma

Bloklar ve Widget'lar oluştururken kesinlikle bazı zor adımlar vardır. Öyleyse tüm bu süreci birlikte deneyelim. İkinci bir Blok oluşturacağız ve bunu bir Widget yardımıyla sitemize yerleştireceğiz. Bu Blok insanlara %100 memnuniyet garantimiz olduğunu söyleyecektir.

• "İçerik"e ve ardından "Bloklar"a gidin.
• "Yeni Blok Ekle" ye tıklayın.
• Başlık: Memnuniyet Garantisi
• Tanımlayıcı: garanti

• Bloğunuz için metin girin. "Orangeville'de sizin memnuniyetiniz bizim önceliğimizdir. Memnun kalmazsanız paranızı iade edeceğiz" yazdım.

Ardından, bloğumuz için bir resim yükleyeceğiz.

• İmlecinizi, az önce yazdığınız metnin altındaki ana içerik alanına yerleştirin.
• Düzenleyici araç çubuğunuzdaki ağaç simgesini tıklayın.
• Açılır kutuyu gördüğünüzde, küçük kutu simgesini tıklayın.
• Yükleyebileceğiniz bir resim bulun. %100 bir rozet seçtim.

• "Dosya Ekle" ye tıklayın.
• Resim Açıklaması: Memnuniyet Garantisi
• "Ekle" ye tıklayın.

• Artık hem metni hem de yeni resminizi içeren bir Bloğunuz var.
• Bu Bloğu oluşturmayı tamamlamak için "Bloğu Kaydet"e tıklayın.

Ardından, sitemizde bu Bloğu görüntüleyecek Widget'ı oluşturalım.

• "İçerik"e ve ardından "Widget'lar"a gidin.
• "Widget Ekle" ye tıklayın.
• Tür: CMS Statik Blok
• Tasarım Teması: Magento Luma

• Widget Başlığı: Memnuniyet Garantili
• Mağaza Görünümlerine Ata: Tüm Mağaza Görünümleri

• Düzen Güncellemesi: Bağlantı Kategorileri
• Kapsayıcı: Ana Kenar Çubuğu
• "Widget Seçenekleri"ne tıklayın ve az önce oluşturduğunuz "Memnuniyet Garantili" Bloğu seçin.

• "Kaydet"i tıklayın.
• Sitenizin önünü ziyaret edin. Üst menüdeki kategori bağlantılarından birine tıklayın. Aşağıdaki resimde "Meyve" ye tıkladım. Artık sol kenar çubuğunda garanti Bloğunuzu göreceksiniz:

Magento Widget Yerleşimi Açıklaması

Magento öğrencilerinden aldığım yaygın bir soru, Widget'ların yerleştirilmesiyle ilgili.

Kapsayıcı için "CMS Altbilgi Bağlantıları" veya "Kenar Çubuğu Ana" seçimini nasıl biliyorsunuz? Sonuçta aşağıdaki resimde de görebileceğiniz gibi 22 farklı seçenek var.

"Sayfa Başlığından Sonra" ve "Sayfa Başlığından Sonra Baştan" arasındaki fark nedir? "Sayfa Altbilgisi" ve "Sayfa Altbilgisi Kapsayıcı" arasındaki fark nedir? Bu isimler o kadar benzer ki kesinlikle kafa karıştırıcı olabilirler.

Ne yazık ki, önceden söylemenin kesin bir yolu yok, ancak ad size yerleşim hakkında iyi bir fikir verecektir:

• Sayfa Başlığından Sonra: Bu, muhtemelen ana menünün altındadır.
• Ana İçerik Alt: Bu, muhtemelen ekranın orta kısmında, ürünlerimizin veya Sayfa içeriğimizin altındadır.
• Sayfa Başı: Bu, Sayfalarda üstte görünür, ancak Ürün ekranlarında görünmez.

Bu seçeneklerin aynı sitede bile değiştiğini belirtmekte fayda var. Bir Blok yerleştirmeye çalışıyorsanız ve Widget'ınızın "Düzen Seçenekleri" için "Tüm Ürün Türleri"ni seçerseniz, aşağıdaki resimde gösterilen farklı bir dizi seçenek elde edeceksiniz. Bu seçenekler, yalnızca ürün ekranlarınız için anlamlı olan bazı yerleşimler sağlar. Örneğin, artık "Ürün sosyal bağlantıları kapsayıcısı" ve "Önceki Form Alanlarını İncele" seçeneklerini içeren seçenekler görüyorsunuz. Bu Widget yerleşimleri, Ürün ekranları dışında hiçbir yerde anlamlı değildir.

Öte yandan, bu liste bazen çok daha kısa olabilir. Bu bölümün bir sonraki bölümünde, bazı Widget'ların yalnızca üç Kapsayıcı seçeneğiyle geldiğini göreceğiz.

Bu nedenle, belirli bir Kapsayıcıyı seçerseniz Widget'ınızın tam olarak nerede görüneceğini söylemenin garantili bir yolu yoktur. Siz bu farklı seçenekleri test ederken, bazı testler ve denemeler yapılacaktır.

Magento Blokları ve Widget Özeti

Bloklar ve Widget'lar, sitenizin tasarımına yeni öğeler eklemenize olanak tanır. Ancak sitenizde Magento'nun yönetici arayüzünden kolayca değiştirilemeyen veya değiştirilemeyen bazı öğeler vardır. Bloklar ve Widget'lar olmaları gerektiği gibi görünüyorlar, ancak Magento onları bu şekilde yaratmadı. Bu yüzden, bu varsayılan öğelerden bazılarını güncellemek için talimatlar içeren bir sayfa oluşturdum.

Magento hakkında daha fazla bilgi edinmeye hazırsanız, Magento 2 için en çok satan kitap olan Magento 2 Açıklamasına göz atın.

Ayrıca, aşağıdakiler de dahil olmak üzere bazı harika Magento eğitimlerimiz var:

• Magento Vergilerini Anlamak İçin Yeni Başlayanlar Kılavuzu
• Magento'da Temel, Küçük, Küçük Resim ve Renk Örneği Görüntüleri
• Magento 2 Endekslerinin Ne Olduğunu ve Bunları Nasıl Yönetebileceğinizi Öğrenin