Yeni Woocommerce Blok eklentisine genel bakış
WooCommerce’ı yüklediğinizde veya güncellediğinizde, Woocommerce Block adlı yeni bir eklenti içerir. Bu, WordPress blok düzenleyicisine, sayfalarınıza ve yayınlarınıza WooCommerce ürünleri eklemenizi sağlayan yeni bir blok ekler. Bu makalede, WooCommerce bloğunu göreceğiz ve neler yapabileceklerini göreceğiz. WooCommerce Blok eklentisi
WooCommerce Block, WooCommerce için Gutenberg’e 7 blok ekleyen yeni bir eklentidir:Özellikli ürün
Seçim Ürünleri
En iyi satan ürün
En değerli ürün
Yeni ürün
Satılık ürünler
Kategoriye göre ürünler
Her blok, ayarlanabilen ve sıralanabilen veya filtrelenebilen bir ızgarada görüntülenir. Izgara, düzendeki sütun sayısını belirlemenizi sağlar. Vites kontrolünü ayarlayarak 1 ila 6 sütun arasından seçim yaparsınız. Bazı bloklar ayrıca satır sayısını ayarlamanıza izin verir. 4, sütun veya satır içeren tüm bloklar için varsayılandır. Bu, sayfalandırmayı içermez, bu nedenle yalnızca ayarladığınız sayı görüntülenir.
Filtre, kategoriyi seçmenizi sağlar. Bazıları, yenilik, fiyat, sıralama, satış, başlık veya menü dizisine göre sıralamanıza olanak tanıyan özellikleri sıralama özelliklerini içerir. Blok ayrıca özel bir CSS alanına sahip Gutenberg Gelişmiş Standart sekmesini de içerir. Ürün bloğunu etkinleştirin WooCommerce’i güncellediğinizde veya etkinleştirdiğinizde, eklenti listenizde yeni bir eklenti göreceksiniz. Burada görmüyorsanız, WooCommerce bloğunu eklentinin altındaki yeni eklenen sekmede bulabilirsiniz. Eklenti listesindeki bloğu etkinleştirebilir veya WordPress kontrol panelinin üst kısmındaki düğmeyi tıklayarak.
Woocommerce bloğunu kullanarak Woocommerce adlı yeni sekme, Gutenberg editöründe bulunan bloklar listesine eklendi. Bu sekmede 7 WooCommerce bloğu vardır. Her blok, bir bakışta tanıyabilmeniz için yaptıkları bir simgeye sahiptir. Sayfaya bir blok eklediğinizde, sembol hızlı eklemek için tıklayabileceğiniz sayfada görünür. Her bloğa bakalım. Özellikli ürün Üstün ürün, görüntülemek için listeden bir ürün seçmenizi sağlar. Metni uyumlu hale getirebilir, kaplamayı düzenleyebilir ve resimleri düzenleyebilirsiniz. Ayrıca ek bir CSS sınıfı alanına sahiptir. Bu blok, tüm WooCommerce bloklarında mevcut olan en fazla ayara sahiptir. Üstteki metin düğmesi ile metin yönünü ayarlayın. Düzenle’yi tıklamak, bindirme için özelleştirmeyi açar. Burada bir ürün seçebilir, bir açıklama görüntüleyebilir, fiyatı gösterebilir, kaplama için renk seçebilir ve opaklığı ayarlayabilirsiniz. Kullanılacak rengi seçebilir veya çok renkli bir daireye tıklayarak özel bir renk seçebilirsiniz. Burada, HEX kodunu, RGB kodunu girebilir veya rengi kaydırma ve renk seçmenlerine ayarlayabilirsiniz. Yer paylaşım ayarlamalarını severim. Metni veya düğmeyi ayarlamak için CSS kullanmanız gerekir. Seçim Ürünleri
Seçilen ürün, görüntülenecek ürünü seçmenizi sağlar. Bunu bloktan veya sağ sütundan arayabilirsiniz. 1-6 arasındaki sütun sayısını ayarlayın. Yenilik, fiyat, sıralama, satış, başlık veya menü dizisine dayalı sipariş. Ürünü seçin, ızgaradaki düzene ekleyin. En iyi satan ürün En iyi satan ürün, bloktan hiçbir şey seçmenize izin vermez, ancak yine de sağdaki ayarlardaki tüm ayarlamaları yapabilirsiniz. Burada, sütun ve satır sayısını (her biri 1-6 seçin), kategorilere göre filtreleri seçebilir ve CSS’yi ayarlayabilirsiniz. Bu örnekte 6 sütun, 2 sıra ve moda kategorileri seçtim. En değerli ürün Üst sıralı ürün, bir blok seçtiğinizde de ürünler ekler. Düzenleme, 1-6 sütun ve satır, kategorilere göre filtreler ve CSS için standart düzene izin verir. Bu varsayılan ayarları gösterir. Yeni ürün En son ürünler ayrıca bir blok seçtiğinizde otomatik olarak ürün ekler. Ayarlar standart düzen, kategori filtreleri ve CSS içerir. Bu örnekte 5 sütun ve 3 sıra seçtim. Kategori filtresini her kategoriyi içeren varsayılan olarak bıraktım.
Satılık ürünler
Satılık ürünler, satılan tüm ürünleri otomatik olarak içerir. Ayrıca sütunlar ve satırlar, ürün filtreleri ve CSS için düzen seçenekleri içerir. Bu, yenilik, fiyat, sıralama, satış, başlık veya menü dizisine göre sipariş verebilmeniz için bir sipariş ekler. Bu örnekte, 2. sütunu ve 4. sırayı düzenledim. Ürün kategorisini varsayılan olarak bıraktım. Kategoriye göre ürünlerKategoriye göre ürün, bloktaki kategoriyi seçmenize ve mükemmel seçimlere yardımcı olmak için seçmenleri içermenizi sağlar. Örneğin, yalnızca bir seçeneği vardır (tüm kategoriler seçildi). Ayrıca düzen seçenekleri, kategori seçimi, sırayla ve CSS ayarlarını içerir. Bu örnekte, kategorimi seçtim, sütunu 4’e ayarladım, satırı 2’ye ayarladım ve ürünü alfabeye göre sıraladım. WooCommerce bloğuna sahip örnek sayfası, her bloğun ön uçtaki görüntülenmesidir. Bunları tanımlamak için bir etiket ekledim. Farklı sütunların her birini düzenledim, ancak hepsinin görüntüyü kontrolden çıkmaması için tutmaya yardımcı olacak 1 satır var. Bu bloğu kullanarak her kategori için kolayca bir mağaza sayfası oluşturabilirsiniz. Örneğin, yalnızca aksesuarları göstermek için bir sayfa yaptım. Bir kapak resmi ve başlığı ekledim ve 3 sütun ve 6 satır görüntülemek için kategoriye dayalı bir ürün bloğu ayarladım. İyi bir tasarıma sahip temiz bir sayfa yapar ve elbette yalnızca aksesuar kategorisi için ürünler görüntüler. Bu, her türlü ürün sayfasını yapmak için kullanılabilir. Aşağıda, çift sütuna elle seçilmiş bloklar ve metin blokları ekleyen kısa bir CTA bulunmaktadır. Sayfa basit, ancak işlevsel. Bu sayfa için, blog yazısı düzenine en iyi satan ürünü ekledim. 4 sütun ve 1 satıra ayarladım ve kategori olarak kıyafetleri seçtim. Gönderi iyi görünüyor. Yayınlamadan önce, biraz alan ekleyebilirim, ürüne etiketleyebilirim ve metne biraz dolgu ekleyebilirim, ancak potansiyelini görmek kolaydır. Bunun için, iki sütun düzeni ekledim ve en iyi satan ürün metnini ve 2 sütun ve 2 satırla blok bloklarını ekledim. WooCommerce bloğunun zihnini sona erdirmek ilginç bir eklentidir. Blokların kullanımı kolaydır ve çeşitli kategoriler, düzenler ve kullanışlı filtreleme araçları sağlar. Sütun ve satır kesme düzenini seviyorum. Metin, düğmeler, kaplama imleçleri vb. CSS kullanmanız gerekir, ancak en azından özel bir CSS bir seçimdir. Blok, bir satış sayfası oluşturmak veya içeriğinize ürün eklemek için mükemmeldir. Diğer birkaç düzenleme özelliği görmek istiyorum (özellikle düğmeler, metin ve imleç için genişlik için). Divi ile yaptığım şeye uyum sağlamak istemeye devam ediyorum (bence divi beni şımarttı). CSS kullananlara yardımcı olacak CSS sınıfına ait değildir. Çok fazla ayarlamadan bile, blokları kullanmayı seviyorum. WooCommerce ürününüzü Gutenberg sayfanıza ve yayınınıza koymak istiyorsanız, WooCommerce bloğu denemeye değer. Sizden haber almak istiyoruz. Woocommerce bloğunu denediniz mi? Bize yorumlardaki deneyiminizden bahsedin. Jomic / Shutterstock.com aracılığıyla Üstün Görüntü
