รหัสย่อ WooCommerce คืออะไร

รหัสย่อของ WooCommerce อาจไม่คุ้นเคยกับผู้ใช้บางราย แม้ว่าคุณจะมีร้านค้า WooCommerce นี่อาจเป็นคุณลักษณะที่คุณไม่เคยเห็นมาก่อนและไม่ทราบว่าจะมีประโยชน์เพียงใดในการโรยข้อมูลอ้างอิงผลิตภัณฑ์และซื้อปุ่มเรียกร้องให้ดำเนินการรอบ ๆ ไซต์ของคุณ

บทความนี้จะเป็นคู่มือฉบับสมบูรณ์สำหรับ WooCommerce Shortcodes

รหัสย่อ WooCommerce

รหัสย่อของ WooCommerce ช่วยให้คุณสามารถแสดงข้อมูลจากร้านค้าของคุณในรูปแบบที่แปลกใหม่และมีส่วนร่วม WooCommerce มาพร้อมกับ shortcodes ที่โหลดไว้ล่วงหน้า และคุณสามารถเพิ่มได้อีกโดยการติดตั้งปลั๊กอิน

รหัสย่อของ WooCommerce คือข้อมูลโค้ดขนาดเล็กที่อาจใช้ที่ใดก็ได้บนไซต์ของคุณเพื่อแสดง ผลิตภัณฑ์ WooCommerce หรือคำกระตุ้น การตัดสินใจ เช่น ปุ่ม 'ซื้อเลย' มีแอปพลิเคชันมากมายสำหรับสิ่งเหล่านี้ และเราตั้งใจที่จะรวมตัวอย่างที่ยอดเยี่ยมไว้ใน ธีม Shoptimizer WooCommerce ของเรา แน่นอนว่าควรเข้ากันได้กับธีมใด ๆ ที่มีให้สำหรับ WooCommerce

เหตุผลที่คุณควรใช้รหัสย่อของ WooCommerce

รหัสย่อเป็นวิธีง่ายๆ ในการปรับแต่งร้านค้า WooCommerce ของคุณ คุณสามารถสร้างไซต์อีคอมเมิร์ซที่คุณต้องการโดยวางรหัสย่อ

คุณควบคุมได้ว่าสินค้าใดที่จะแสดง วิธีการจัดเรียง และจำนวนสินค้าที่ปรากฏในแต่ละหน้า คุณยังใส่ปุ่ม " หยิบลงรถเข็น " ในตำแหน่งเชิงกลยุทธ์ได้ เช่น ที่ส่วนท้ายของโพสต์

การทำงานของรหัสย่อ WooCommerce

แม้ว่าจะดูเรียบง่าย แต่รหัสย่อก็ค่อนข้างทรงพลัง! มาดูส่วนประกอบต่างๆ ของรหัสย่อกัน

รหัสย่อ

รหัสย่อของ WooCommerce คือคำเดียวหรือกลุ่มของคำที่เชื่อมโยงด้วยเครื่องหมายขีดล่าง เช่น:

• [สินค้า]
• [woocommerce_order_tracking]

แม้ว่ารหัสย่อบางตัวจะสามารถใช้ได้โดยไม่มีพารามิเตอร์ แต่บางรหัสก็ใช้ได้ มาดูพารามิเตอร์ WooCommerce สำหรับรหัสย่อกัน

พารามิเตอร์

พารามิเตอร์หรืออาร์กิวเมนต์เป็นบรรทัดพิเศษที่ทำให้การทำงานของรหัสสั้นแม่นยำยิ่งขึ้น รหัสย่อของ WooCommerce ส่วนใหญ่ แต่ไม่ใช่ทั้งหมด ใช้พารามิเตอร์

รายการรหัสย่อ WooCommerce

มาดูรหัสย่อ WooCommerce ที่สำคัญที่สุดบางส่วนกัน

[woocommerce_cart]

คุณลักษณะรถเข็น WooCommerce ถูกเพิ่มลงในหน้าโดยใช้รหัสย่อนี้ กล่าวคือจะแสดงสินค้าทั้งหมดที่ลูกค้าใส่ในตะกร้าสินค้าของตน รหัสย่อนี้ไม่มีพารามิเตอร์ใด ๆ

[woocommerce_checkout]

รหัสย่อนี้แสดงหน้าชำระเงิน เนื่องจากเป็นองค์ประกอบที่สำคัญขององค์กรของคุณ ตรวจสอบให้แน่ใจว่าได้ตั้งค่าเพจอย่างถูกต้อง เพราะหากผู้บริโภคไม่พบจุดชำระเงิน พวกเขาก็จะไม่ซื้ออะไรเลย

ไม่มีการตั้งค่าเพิ่มเติมสำหรับหน้าเช็คเอาต์เหมือนกับ [woocommerce cart]

[woocommerce_my_account]

หน้านี้จะแสดงหน้าบัญชีของฉัน ซึ่งรวมถึงข้อมูลของลูกค้าทั้งหมดและคำสั่งซื้อก่อนหน้าจากธุรกิจของคุณ จำนวนคำสั่งซื้อที่แสดงโดยค่าเริ่มต้นถูกตั้งค่าเป็น 15 โดยการเปลี่ยนหมายเลขเป็น -1 คุณอาจบังคับให้แสดงคำสั่งซื้อทั้งหมด

[woocommerce_order_tracking]

รหัสย่อนี้สร้างหน้า "การติดตามคำสั่งซื้อ" ทำให้ผู้บริโภคสามารถดูสถานะปัจจุบันของคำสั่งซื้อของตนได้ ไม่มีข้อจำกัดเพิ่มเติม

[สินค้า]

ต่อไปในรายการของเราคือ [products] shortcodes หนึ่งในรหัสย่อที่ทรงพลังที่สุดและใช้กันทั่วไปของ WooCommerce อย่างที่คุณคาดหวัง จะแสดงรายการของคุณ อย่างไรก็ตาม มีปัจจัยหลายประการที่คุณอาจใช้เพื่อปรับเปลี่ยนประเภทและจำนวนรายการที่นำเสนอ

หากต้องการเพิ่มพารามิเตอร์ ให้พิมพ์ชื่อภายในเครื่องหมายคำพูด ตามด้วยเครื่องหมายเท่ากับและค่าที่ต้องการ ตรวจสอบให้แน่ใจว่าอยู่ใน รหัสย่อ [productss]

ปรับแต่งเลย์เอาต์โดยใช้ WooCommerce Shortcodes

การตั้งค่าบางอย่างทำให้คุณสามารถปรับเปลี่ยนเค้าโครงหน้าผลิตภัณฑ์ของคุณได้

1. คอลัมน์

ตัวเลือกนี้ระบุจำนวนคอลัมน์ โดยค่าเริ่มต้นจะตั้งค่าเป็น 4 แต่ในอุปกรณ์เคลื่อนที่ โดยทั่วไปจะยุบเป็นจำนวนที่น้อยกว่า

ตัวอย่างเช่น: [products columns=”3”]

2. สั่งซื้อ

สิ่งนี้ควบคุมว่าลำดับจะเป็นจากน้อยไปมาก (ASC) หรือจากมากไปน้อย ( DESC ) ตามการตั้งค่าลำดับ มันถูกตั้งค่าเป็น ASC โดยค่าเริ่มต้น

F หรือตัวอย่าง: [ผลิตภัณฑ์สั่ง =” ASC”]

3. สั่งซื้อโดย

พารามิเตอร์นี้มีตัวเลือกมากมายสำหรับการปรับแต่งวิธีการจัดเรียงสินค้าของคุณ โดยค่าเริ่มต้น พวกเขาจะถูกจัดเรียงตามชื่อของผลิตภัณฑ์

คุณอาจรวมหลายตัวเลือกโดยแยกตัวเลือกเหล่านั้นด้วยการเว้นวรรคเดียว

• date: จัดเรียงสินค้าตามวันที่ตีพิมพ์ (new first)
• id: ตัวเลือกนี้สั่งสินค้าตาม Post ID
• ลำดับเมนู : จะสั่งสินค้าตามลำดับเมนู (เลขล่างก่อน)
• ความนิยม: สินค้าจะถูกสั่งซื้อตามจำนวนการซื้อ (อย่างแรกสุด)
• rand: แสดงสินค้าในลำดับแบบสุ่ม ไซต์ที่ใช้ปลั๊กอินแคชอาจมีปัญหา
• คะแนน: จะจัดเรียงสินค้าตามคะแนนเฉลี่ยจากสูงสุดไปต่ำสุด

ตัวอย่างเช่น: [สินค้าที่สั่งซื้อโดย=”วันที่”]

4. คลาส

สิ่งนี้จะเพิ่มคลาสแรปเปอร์ HTML ให้กับองค์ประกอบ ช่วยให้คุณจัดรูปแบบด้วย CSS

ตัวอย่างเช่น: [products class="custom-element"]

เรียนรู้การแก้ไขปัญหารหัสย่อ

มาดูปัญหาที่พบบ่อยที่สุดที่ห้ามไม่ให้รหัสย่อทำงานกัน

รหัสย่ออยู่ระหว่างแท็ก < pre >

เมื่อเพิ่มชอร์ตโค้ดลงในเว็บไซต์ ตรวจสอบให้แน่ใจว่าโค้ดนั้นไม่ได้อยู่ภายในแท็ก <pre> ซึ่งมีไว้สำหรับแสดงโค้ด (แทนที่จะรัน)

เครื่องหมายอัญประกาศมีลักษณะโค้งมากกว่าตรง

ข้อผิดพลาดทั่วไปอีกประการหนึ่งคือเมื่อเครื่องหมายคำพูด (ใช้กับพารามิเตอร์) เป็นมุมหรือ "เป็นลอน" แทนที่จะเป็นแบบตรง เครื่องหมายอัญประกาศโค้งจะไม่ทำงานกับพารามิเตอร์

สรุปผล

เพียงเท่านี้ เราหวังว่าคุณจะได้เรียนรู้ทุกอย่างเกี่ยวกับ Easy Steps for WordPress Malware Removal และสำหรับผู้เข้าชมที่ขอให้เราเขียนบทความเกี่ยวกับ Easy Steps for WordPress Malware Removal เรามีบทความเฉพาะเกี่ยวกับเรื่องนี้

ในการพยายามพูดคุยกันซ้ำ ต่อไปนี้คือประเด็นสำคัญบางประการ:

• รหัสย่อ WooCommerce
• เหตุผลที่คุณควรใช้รหัสย่อของ WooCommerce
• การทำงานของรหัสย่อ WooCommerce
• รายการรหัสย่อ WooCommerce
• ปรับแต่งเลย์เอาต์โดยใช้ WooCommerce Shortcodes
• เรียนรู้การแก้ไขปัญหารหัสย่อ

หากคุณชอบโพสต์นี้ สมัครสมาชิกวิดีโอแนะนำ WordPress ของเราที่ ช่อง YouTube อย่าลืมติดตามเราบน Pinterest

เรายอมรับข้อเสนอแนะของผู้เยี่ยมชมทุกประเภท เนื่องจากคำแนะนำเหล่านี้กระตุ้นให้เราปรับปรุงอย่างต่อเนื่อง รู้สึกอิสระที่จะแสดงความคิดเห็นด้านล่าง