En Yararlı WooCommerce Kısa Kodları İçin Nihai Kılavuz

Gutenberg blok düzenleyicisinin tanıtılmasından önce, sitenizde hem statik hem de dinamik içeriği verimli bir şekilde görüntüleme söz konusu olduğunda, kısa kodlar WordPress’in ayrılmaz bir parçası olarak görülüyordu. Gutenberg’in, kısa kodları (diğer şeylerin yanı sıra) nasıl kullanacaklarını öğrenmek istemeyen kullanıcılar için tüm sayfa düzenleme sürecini kolaylaştırmak için yaratıldığı doğru olsa da, birçok WordPress eklentisi ve teması hala kullanılabilecek hazır kısa kodlarla birlikte gelir. belirli işlevleri sayfalara ekleyin. Yeni düzenleyiciyle sayfalara ve gönderilere kolayca kısa kodlar eklemek için kullanabileceğiniz bir kısa kod Gutenberg bloğu bile var; bu, bu küçük kod parçalarının çok ilgili olduğunun ve platformun genel işlevselliğine katkıda bulunmak için kullanılmaya devam edeceğinin yalnızca bir başka kanıtı. . Aynı şey, web’deki en popüler ve her şeyi kapsayan e-Ticaret eklentilerinden biri olan WooCommerce için de geçerli. Ürünler, Ödeme ve Sepet gibi en önemli WooCommerce sayfalarından bazıları kısa kodların yardımıyla oluşturulmuştur.

WooCommerce hakkında bilmeniz gereken her şeyi gerçekten öğrenmenize yardımcı olmak için, mevcut en kullanışlı WooCommerce kısa kodlarından bazılarını paylaşmaya karar verdik. Pek çok olası kısa kod kombinasyonu ve parametresi vardır ve bunları en benzersiz özel sayfaları oluşturmak için kullanabilecek ve WooCommerce destekli mağazanızın diğerlerinden gerçekten öne çıkmasını sağlayabileceksiniz. Hatta genel olarak kısa kodların ne olduğunu ve özellikle WooCommerce kısa kodlarını neyin yararlı kıldığını açıklayacağız, bu yüzden buralardan ayrılmadığınızdan emin olun:

• Kısa Kodlar Nedir?

• WooCommerce Kısa Kodları Nasıl Yararlıdır?

• WordPress’te WooCommerce Kısa Kodları Nasıl Eklenir?

• En Yararlı WooCommerce Kısa Kodlarından Bazıları

Kısa Kodlar Nedir?

Adından da anlaşılacağı gibi, kısa kodlar, ana rolü bir WordPress sitesinde belirli bir işlevi yerine getirmek olan yoğunlaştırılmış kod parçalarını temsil eder. Amaçlarına bağlı olarak bu kısa kodlar, eksiksiz bir resim galerisinden özel ürün kategorilerine kadar her şeyi oluşturmanıza yardımcı olabilir.

Kısa kod yapısına gelince, arka uçta neredeyse her zaman aynı görünür – onu parantez içindeki bir kelime olarak tanıyabileceksiniz:

[shortcode]

Çoğu durumda, bir kısa kod bloğu içinde yer alacaktır.

Bir kısa kod birden fazla kelimeden oluşuyorsa, bu kelimeler genellikle alt çizgi ile bağlanır. Bunun gibi:

[shortcode_phrase]

Son olarak kısa kodlar, belirli bir kısa kodu daha da fazla özelleştirmek için kullanılabilecek ekstra parametrelerden de oluşabilir (buna daha sonra değineceğiz). İki parametreli bir kısa kodun yapısı şöyle görünebilir:

[shortcode parameter1="x" parameter2 ="y"]

WooCommerce Kısa Kodları Nasıl Yararlıdır?

Şimdi, WooCommerce kısa kodları, web sitenizin arka ucunda köşeli parantez içinde görünen aynı kısa kod parçalarıdır. Fakat özellikle WooCommerce eklentisine daha fazla işlevsellik eklemek amacıyla yapılmıştır. Varsayılan olarak WooCommerce’i ilk kez yüklediğinizde, eklenti sitenizde otomatik olarak birkaç farklı sayfa oluşturacaktır. Bu sayfaların her biri aslında çeşitli içerik parçalarını yükleyen farklı kısa kodlardan oluşur. Örneğin adlı kısa kod [woocommerce_checkout] Ödeme sayfasını görüntüler.

Şimdi, kısa kodların sitenize belirli işlevler eklemek için kullanıldığından daha önce bahsetmiştik. Fakat kısa kodların asıl çekiciliği, çok sayıda özelleştirmeye izin vermeleridir. Mevcut WooCommerce kısa kodlarının çoğu, aslında çeşitli parametreler ekleme ve bazı kısa kod niteliklerini değiştirme yeteneği ile birlikte gelir. Bu durum doğru müşterilerin dikkatini çekecek, tamamen işlevsel ve benzersiz görünümlü bir e-Ticaret sitesi oluşturmanıza olanak tanır.

Örneğin belirli ürünlerin (veya ürün kategorilerinin) görüneceği sütun sayısını belirleyerek ürün sayfanızda nasıl görüntüleneceğini ayarlayabilir, ürünlerinizi fiyata, renge göre sıralamak isteyip istemediğinizi seçebilirsiniz. , yayın tarihi vb. Tüm bunların en iyi yanı, WooCommerce mağazanızı kısa kodlar kullanarak özelleştirmek için herhangi bir kodlama bilmenize gerek olmamasıdır. Tüm bunlar, doğru kısa kod parametreleri kullanılarak kolayca yapılabilir.

WordPress’te WooCommerce Kısa Kodları Nasıl Eklenir?

Esasen, WordPress’e WooCommerce kısa kodları ekleme işlemi, diğer herhangi bir WordPress kısa koduyla aynıdır. Sayfanıza veya gönderinize gitmeniz ve (+) işaretine basmanız yeterlidir. Daha sonra bir arama çubuğuna “kısa kod” ekleyin ve bir Kısa Kod bloğu ekleyin.

O andan itibaren, kısa kodunuzu kısa kod alanına eklemeniz yeterlidir.

Klasik düzenleyiciyi kullanıyorsanız, kısa kodunuzu düzenleyicinin Görsel bölümüne kolayca ekleyebilirsiniz. Bunun gibi:

Sayfanızı önizledikten sonra kısa kodunuzun ön uçta nasıl göründüğünü görebileceksiniz.

WordPress widget’larını kullanarak kısa kodlar eklemek istiyorsanız, bunu Görünüm >> Widget’lara giderek ve ardından kısa kod bloğunu kullanarak yapabilirsiniz.

Daha fazla bilgi için aynı konudaki yazımıza göz atmanızı öneririz.

En Yararlı WooCommerce Kısa Kodlarından Bazıları

Artık WooCommerce kısa kodlarının ne olduğunu ve nasıl çalıştıklarını açıkladığımıza göre, nihayet size mevcut en kullanışlı WooCommerce kısa kodlarından bazılarının yanı sıra en dikkate değer parametrelerinin bir listesini sunmanın zamanı geldi. Bu kısa kodların çoğu, kendi WooCommerce mağazanızın özelleştirilmesi sırasında oldukça yararlı olabilir, bu yüzden bunları kontrol ettiğinizden emin olun:

• [woocommerce_my_account] – bu kısa kod, Hesabım sayfasını görüntülemek için kullanılır. Bu sayfa, önceki siparişleri (varsa) dahil olmak üzere tüm önemli müşteri bilgilerini içerir. Ön ucunuzda şöyle görünebilir:

• [woocommerce cart] – bu kısa kod, sayfaya WooCommerce alışveriş sepeti işlevini ekler. Yani kullanıcının sepetine eklediği tüm ürünleri gösterecektir. Bu kısa koda eklenecek parametre yok.

• [woocommerce_checkout] – adından da anlaşılacağı gibi, bu kısa kod ödeme sayfasını görüntülemenize izin verecektir. Bu kısa kod ek parametre içermez.

• [woocommerce_order_tracking] – bu kısa kod, müşterilerin siparişlerinin durumunu kontrol etmelerini sağlayan bir “sipariş izleme” sayfası oluşturacaktır.

• [products] – bu kolayca mevcut en kullanışlı ve en kapsamlı WooCommerce kısa kodlarından biridir. Bu kısa kod, ürünlerinizi görüntülemenizi sağlar ve ürünlerinizin sitenizde görüntülenme şeklini daha da özelleştirecek birçok farklı parametreyle birlikte gelir.

Kısa kod parametreleri eklemenin karmaşık bir süreç olduğunu düşünebilirsiniz. Fakat aslında oldukça sezgiseldir. Yalnızca parametrenizin adını eklemeniz, ardından bir eşittir (=) işareti eklemeniz ve istediğiniz değeri tırnak içine almanız gerekir. Makalenin en başında bahsettiğimiz kısa kod parametre yapısı örneğini hatırlıyor musunuz? İşte bunun daha somut bir örneği:

[products limit="5" category="pants"]

Bu kısa kod, ürün sayısını beş ile sınırlamak ve ayrıca yalnızca “pantolon” kategorisindeki ürünleri görüntülemek içindir.

İşleri biraz daha netleştirmek için, bu kısa kodla kullanılabilecek en önemli parametrelerden bazılarını tek tek listeleyeceğiz:

• “Sınır” – bu parametre, sayfanızda görüntülenen ürün sayısını sınırlamanıza izin verir (varsayılan olarak tüm ürünleri görüntüler):

[products limit="5"]

• “Kategori” – bu parametre, belirli bir kategorideki ürünleri görüntülemenizi sağlar. Dilerseniz farklı kategoriler arasına virgül koyarak birden fazla kategori ekleyebilirsiniz. Örneğin:

[products category="pants, shirts"]

• “Sütunlar” – bu parametre, ürün sayfanızın düzenini özelleştirmenizi sağlar. Daha spesifik olarak istediğiniz sütun sayısını ayarlamanıza izin verecektir (varsayılan olarak 4 sütuna ayarlanmıştır):

[products columns="2"]

• “Sayfalandır” – bu belirli parametre, ürün sayfanızın sayfalandırılıp sayfalandırılmayacağını tanımlamanıza izin verir. Kullanabileceğiniz iki seçenek vardır – doğru veya yanlış (varsayılan olarak yanlış olarak ayarlanmıştır).

Muhtemelen paginate parametresini yukarıda bahsettiğimiz limit parametresi ile birlikte kullanmak isteyeceksiniz. Böylece, limit parametresi her sayfada kaç öğenin listelendiğini belirleyecektir.

[products paginate="true"]

Sayfalandırma ve limit parametreleriyle birleştirildiğinde bu kısa kodun nasıl görünebileceği aşağıda açıklanmıştır:

[products limit="10" paginate="true"]

• “Orderby” – “orderby” parametresi, ürünlerinizin sırasını belirlemenizi sağlayacak birden çok seçeneğe sahiptir. Bu sıra, varsayılan olarak ürün başlığına göre ayarlanacaktır. Hatta aralarına boşluk koyarak birden fazla seçenek ekleyebilirsiniz. Olası seçeneklerden bazıları şunlardır: tarih (ürünleri yayınlanma tarihine göre sipariş edin), derecelendirme (ürünleri ortalama puanlarına göre sıralayın), popülerlik (ürünleri satın alma sayısına göre sıralayın), id (ürünleri posta kimliklerine göre sipariş edin) ve rand (bu seçenek, ürünleri rastgele görüntüler).

[products orderby="date"]

• “order” – orderby parametresinin yanı sıra, ürünlerinizin sıralamasının artan (ASC) veya azalan (DESC) olacağını da tanımlayabilirsiniz. Bunun gibi:

[products order="ASC"]

• “etiket” – isterseniz, belirli bir etiketi kullanan ürünleri görüntülemek için bu parametreyi kullanabilirsiniz. Bir kez daha, tek bir kısa koda birden çok etiket parametresi ekleyebilirsiniz – bunları virgülle ayırmanız yeterlidir. Örneğin:

[products tag="silver, elegant"]

• “on_sale” – bu parametre indirimdeki ürünleri görüntülemenizi sağlar. “doğru” veya “yanlış” seçeneğini ekleyebilirsiniz:

[products on_sale="true"]

• “best_selling” – benzer şekilde, bu parametre yalnızca en çok satan ürünleri görüntülemenize izin verir:

[products best_selling="true"]

• “top_rated” – bu parametre, en çok oy alan ürünlerinizi görüntülemenizi sağlar:

[products top_rated="true"]

Devam etmeden önce kısa bir not – bu son üç parametre (“en çok satan”, “en çok satan” ve “satışta”) birleştirilmemelidir.

• [product_categories] – bu belirli kısa kod, birden fazla kategoriyi görüntülemenize izin verir (bu kategorilerde bulunabilen ürünleri değil, kategorilerin kendisini). Kullanabileceğiniz çok sayıda özelleştirme seçeneği vardır, tıpkı [product] kısa kod. Herhangi bir parametre uygulamazsanız, bu kısa kod tüm ürün kategorilerinizi tek bir sayfada gösterecektir.

Bu kısa kodla kullanabileceğiniz parametrelerden bazıları şunlardır:

• “limit” – görüntülenecek kategori sayısını sınırlar

• “orderby” – kategorileri numaraya, ada, kimliğe, bilgiye veya menü sırasına göre sıralamak için bu parametreyi kullanın

• “sıra” – kategorileri artan (ASC) veya azalan (DESC) düzende düzenleyebilirsiniz.

Örneğin:

[product_categories limit="5" orderby="name" order "DESC"]

• [product _category] – bu kısa kod, belirli bir kategorideki ürünleri görüntülemenizi sağlar. Bir kez daha, kategorinizi belirtmek için bir parametre eklemelisiniz. Kullanılabilir parametrelerden bazıları kimlikleri (kategorileri kimliğe göre görüntülemenize izin verir), limiti, sütunları, kategoriyi, sırayı, sırayı vb. içerir.

İşte birkaç parametresiyle birleştirilmiş bir kısa kod örneği:

[product_category category="pants" limit="12" columns="4" orderby="name" order="asc"]

Yani, bu [product_category] shortcode, bir sayfada 12 ürünü 4 sütunda gösterme limiti ile pantolon kategorisindeki ürünleri gösterecektir. Pantolon kategorisindeki ürünler de isme göre artan sırada sıralanacaktır.

• [add_to_cart] – bu, herhangi bir ürüne “sepete ekle” düğmesi eklemenizi sağlayan başka bir yerleşik kısa koddur. Ürün kimliğini (veya SKU’sunu) eklemeniz yeterlidir; söz konusu ürün için düğme görüntülenecektir. Bu kısa kod ayrıca sepete ekle düğmenizi daha da özelleştirmek için kullanabileceğiniz birçok parametre içerir. Bunlardan bazıları:

• “id” – daha önce de belirttiğimiz gibi, bu parametre ürünü kimliğine göre seçmenizi sağlar

• “SKU” – SKU’yu kullanmak, ürününüzü seçebileceğiniz başka bir yoldur

• “show_price” – bu, fiyatın aşağıdakilerle birlikte gösterilip gösterilmeyeceğini seçmenizi sağlar…