WooCommerce 3.0 นำเสนอแกลเลอรีผลิตภัณฑ์ที่ได้รับการปรับปรุง ปฏิบัติต่อนักพัฒนา และอื่นๆ
เผยแพร่แล้ว: 2017-04-04กำลังมองหารายละเอียดทางเทคนิค? อ่านโพสต์เผยแพร่ 3.0 ในบล็อก Develop WooCommerce ที่นี่
เป็นเรื่องยากที่จะเชื่อว่ามันนานมากแล้วตั้งแต่ WooCommerce ออกวางจำหน่ายครั้งสำคัญครั้งล่าสุดของเรา แต่บางครั้งสิ่งดีๆ ก็คุ้มค่าแก่การรอคอย
วันนี้ เราภูมิใจที่จะเปิดตัว WooCommerce 3.0 ซึ่งรวมถึง:
- แกลเลอรีสินค้าที่อัปเดต พร้อมการซูม มุมมองแกลเลอรี และฟีเจอร์มือถือใหม่
- การปรับปรุงความเร็วและประสิทธิภาพที่หลากหลาย
- การ เพิ่มคลาส CRUD
- CLI ใหม่ ที่ขับเคลื่อนโดย REST API
นี่เป็นส่วนเพิ่มเติมที่สำคัญบางส่วน และยังมีอะไรอีกมากมายให้สำรวจใน Bionic Butterfly ดังนั้น มาลงมือทำธุรกิจกันเถอะ!
อวดภาพสินค้าของคุณในแกลเลอรีที่ปรับปรุงใหม่
เราได้พูดถึงการปรับปรุงประสบการณ์ใช้งานแกลเลอรีบนหน้าผลิตภัณฑ์แต่ละหน้าตั้งแต่เปิดตัว 2.6 เมื่อปีที่แล้ว เราไม่พอใจฟังก์ชันการทำงานของแกลเลอรีมาเป็นเวลานาน โดยเฉพาะอย่างยิ่งบนอุปกรณ์เคลื่อนที่และขนาดหน้าจอที่เล็กกว่า และรู้สึกว่าถึงเวลาต้องเปลี่ยนแปลง
หลังจากทำแบบสำรวจความคิดเห็นและทำการทดสอบภายใน ในที่สุดเราก็ได้แกลเลอรีใหม่ที่มี ฟังก์ชันการทำงานที่มากกว่า เหมาะกับอุปกรณ์เคลื่อนที่มากกว่า และใช้งานง่าย กว่าการทำซ้ำครั้งก่อน
นี่คือวิดีโอสั้น ๆ ของแกลเลอรีที่ใช้งานจริง:
ในแกลเลอรีที่ปรับปรุงใหม่ ซึ่งจะปรากฏบนหน้าผลิตภัณฑ์แต่ละหน้า คุณจะพบ:
- ตอนนี้ผู้ซื้อสามารถ ขยายรูปภาพจากหน้า และ ซูมเข้าไปได้จากป๊อปอัปไลท์บ็อกซ์
- หากคุณมีมากกว่าหนึ่งภาพ พฤติกรรมของแกลเลอรีจะเข้าใจได้ง่ายขึ้น ; เช่น การคลิกภาพขนาดย่อจะอัปเดตภาพที่คุณกำลังดูอยู่แทนที่จะเปิดหน้าต่างป๊อปอัปไลท์บ็อกซ์
- การปรับปรุงอย่างมากสำหรับมุมมองแกลเลอรี่บนมือถือ รวมถึงท่าทางสัมผัส : ปัดเพื่อเลื่อนดูแกลเลอรี่ บีบนิ้วเพื่อซูม และปัดขึ้นเพื่อปิดรูปภาพปัจจุบัน
- ขณะนี้การซูมเข้ารูปภาพผลิตภัณฑ์บนมือถือจะแสดงขนาดที่แท้จริงของรูปภาพ ก่อนหน้านี้จะปรับขนาดให้เข้ากับหน้าต่างเบราว์เซอร์ (เล็กมาก) ไม่ใช่ประสบการณ์ในอุดมคติ!
เราคิดว่าการปรับปรุงเหล่านี้สร้างประสบการณ์ที่เร็วและง่ายขึ้นสำหรับนักช็อปที่ดูภาพผลิตภัณฑ์ของคุณ โดยเฉพาะบนอุปกรณ์เคลื่อนที่ และทำให้พวกเขาสามารถซูมเข้าและดูรายละเอียดเล็กๆ น้อยๆ เหล่านั้นได้ หากคุณยังไม่ได้ทำ ตอนนี้เป็นเวลาที่เหมาะสมที่สุดที่จะทำให้แน่ใจว่าคุณมีรูปภาพผลิตภัณฑ์หลายภาพสำหรับสินค้าทั้งหมดของคุณ!
คุณสามารถอ่านเพิ่มเติมเกี่ยวกับแกลเลอรีได้ที่นี่ และค้นหาสิ่งที่คุณอาจต้องอัปเดตเพื่อให้เข้ากันได้หากคุณเป็นผู้พัฒนาธีม
ดูการปรับปรุงประสิทธิภาพโดยเฉพาะในร้านค้าขนาดใหญ่
เราพยายามทำให้ WooCommerce เร็วขึ้นและมีประสิทธิภาพมากขึ้นอยู่เสมอ และการอัปเดตนี้ก็ไม่ต่างกัน เราได้รวบรวมการปรับปรุงประสิทธิภาพที่สำคัญหลายอย่างไว้ใน 3.0 ซึ่งคุณมักจะสังเกตเห็นได้มากที่สุดหากคุณมีร้านค้าขนาดใหญ่ (โดยเฉพาะกับผลิตภัณฑ์หลายร้อยรายการหรือรูปแบบต่างๆ มากมาย)
การปรับปรุงเฉพาะสองประการที่เราต้องการจะชี้ให้เห็น:
- ตอนนี้เราใช้การจัดหมวดหมู่เพื่อกำหนดและแสดงการมองเห็นผลิตภัณฑ์ ผลิตภัณฑ์เด่น และผลิตภัณฑ์ที่ไม่มีในสต็อก แทนเมตาการโพสต์ที่ช้ากว่า และ
- เราได้ลดจำนวนคำค้นหาสำหรับการเพิ่มยอดขายและผลิตภัณฑ์ที่เกี่ยวข้อง ในหน้าผลิตภัณฑ์และตะกร้าสินค้า
แต่นี่เป็นเพียงตัวอย่างบางส่วนของการปรับปรุงที่เราได้ทำขึ้น รายการทั้งหมดมีอยู่ในโพสต์เผยแพร่เบต้าดั้งเดิมหากคุณสงสัย แต่สิ่งสำคัญที่สุดที่คุณจำเป็นต้องรู้ก็คือ เรากำลังเร่งดำเนินการขยายร้านค้าให้ใหญ่ขึ้น ทั้งในรุ่นนี้และรุ่นต่อๆ ไป
ขอแนะนำคลาส CRUD — คืออะไรและจะช่วยนักพัฒนาได้อย่างไร
จนถึงรุ่นนี้ มีหลายวิธีสำหรับนักพัฒนาในการเขียนข้อมูลไปยังฐานข้อมูลสำหรับคำสั่งซื้อ ผลิตภัณฑ์ และอื่นๆ การดึงข้อมูลสามารถทำได้หลายวิธี ทั้งหมดนี้ทำให้นักพัฒนาซอฟต์แวร์ต้องรู้ว่าข้อมูล ประเภทใด ที่พวกเขาพยายามแก้ไข ซึ่งไม่เหมาะ: ใช้เวลานานและซับซ้อน
ในการเพิ่มประสิทธิภาพการจัดเก็บข้อมูล เราต้องตรวจสอบให้แน่ใจว่านักพัฒนาใช้วิธีการเดียวในการเขียนและดึงข้อมูล นั่นคือเหตุผลที่เราแนะนำคลาส CRUD ในรีลีสนี้
CRUD ย่อมาจาก C reate, R ead, U pdate, D elete — การดำเนินการพื้นฐานสี่ประการที่คุณสามารถทำได้กับทรัพยากร ด้วยคลาส CRUD ที่เพิ่มใน WooCommerce 3.0 คุณสามารถแก้ไขคำสั่งซื้อ สินค้า ลูกค้า รายการโฆษณา โซนการจัดส่ง โทเค็นการชำระเงิน และคูปองที่มีโค้ดน้อยกว่าในระบบรวม
ประโยชน์ของการเพิ่มนี้:
- เรากำหนดข้อมูล สำหรับแต่ละทรัพยากรและควบคุมการไหลและการตรวจสอบ
- คุณจะต้องรู้ชื่อข้อมูลที่ คุณทำงานด้วยเท่านั้น แทนที่จะเป็นประเภทหรือรายละเอียดภายใน
- สามารถย้ายข้อมูลไปที่อื่นได้ (เช่น ตารางที่กำหนดเอง) โดยไม่กระทบกับโค้ดที่มีอยู่
- โค้ดที่น้อยลงหมายถึงการเปลี่ยนแปลง ที่น้อยลง บวกกับการทดสอบที่มากขึ้น
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับคลาส CRUD ใน WooCommerce และวิธีใช้งาน โปรดอ่านโพสต์ของ Mike ที่ประกาศการเพิ่มในรุ่นนี้ในบล็อก Develop WooCommerce
จัดการข้อมูลได้เร็วขึ้นด้วย CLI . ใหม่
อีกหนึ่งการปฏิบัติสำหรับนักพัฒนา: เราได้ปรับปรุงอินเทอร์เฟซบรรทัดคำสั่ง (CLI) ของเราแล้ว เริ่มแรก WooCommerce CLI ขับเคลื่อนโดยโค้ดของตัวเองที่แยกจาก REST API ซึ่งหมายความว่าโค้ดอาจถูกทำซ้ำโดยไม่ได้ตั้งใจทั่วทั้งฐานโค้ด และบางสิ่งที่เป็นไปได้ใน REST API นั้นไม่สามารถทำได้ด้วย CLI
CLI ใหม่ขับเคลื่อนโดย REST API และเป็นทางแยกของ Restful ซึ่งจะช่วยลดจำนวนโค้ดที่เราจำเป็นต้องดูแลรักษา เพิ่มพลังให้กับคุณ และหมายความว่าคำสั่งต่างๆ จะเป็นปัจจุบันเสมอ เมื่อเราปรับปรุง REST API
โพสต์ของ Justin ในบล็อก Develop WooCommerce มีรายละเอียดเพิ่มเติม รวมถึงรายการคำสั่งที่คุณสามารถใช้ได้ตั้งแต่วันนี้
และนั่นยังไม่หมด
พูดจริง ๆ แล้ว WooCommerce 3.0 ทำได้มากกว่าที่เราได้เน้นมาจนถึงตอนนี้ แต่มันยากที่จะรวมทั้งหมดไว้ในโพสต์เดียว ต่อไปนี้คือการเปลี่ยนแปลงอื่นๆ ที่คุณอาจต้องการทราบ:
- การเรียงลำดับอัตราภาษีอัตโนมัติ ซึ่งช่วยให้เพิ่มและจัดการเขตภาษีใหม่ได้ง่ายขึ้น
- ลูกค้าสามารถ ยกเลิกคำบอกกล่าวทั่วทั้งไซต์ได้
- เครือข่าย WordPress/การจัดการผู้ใช้หลายไซต์ได้รับการอัปเดต เพื่อให้ WooCommerce เพิ่มผู้ใช้ที่มีอยู่ไปยังร้านค้าปัจจุบัน หากผู้ใช้มีบัญชีในเครือข่ายเดียวกันอยู่แล้ว (ทำให้เกิดข้อผิดพลาดใน 2.6)
- เราได้ รวมประเภทคูปองแบบเปอร์เซ็นต์ของตะกร้าสินค้าและแบบเปอร์เซ็นต์ผลิตภัณฑ์ ไว้ในวิธีเดียว ช่วยลดความสับสนและข้อผิดพลาดที่เกิดจากการตรวจสอบความถูกต้องตามตะกร้าสินค้า
- และสุดท้าย การปรับปรุงการบันทึกสำหรับนักพัฒนา
คุณสามารถอ่านรายการการเปลี่ยนแปลงและคุณสมบัติทั้งหมดได้ในโพสต์รุ่นเบต้าในบล็อกการพัฒนาของเรา
เหตุใดรุ่นนี้จึงเป็น 3.0 แทนที่จะเป็น 2.7
ดังที่คุณอาจเคยเห็นในอีเมลหรือแชทออนไลน์ การเปิดตัวครั้งนี้เดิมมีการวางแผนว่าจะมีหมายเลขเป็น 2.7 และเผยแพร่ในกลางเดือนมีนาคม แต่แผนของเราเปลี่ยนไปในกระบวนการทดสอบเบต้า และดังที่เราได้ประกาศไป เรารู้สึกว่าถึงเวลาแล้วที่จะเปลี่ยนไปใช้ระบบการเปิดตัวใหม่
ก้าวไปข้างหน้า รุ่นของ WooCommerce จะใช้ Semantic Versioning ซึ่งกำหนดว่ารุ่น สำคัญ ๆ — รุ่นที่มีการเปลี่ยนแปลง API หรืออาจส่งผลต่อความเข้ากันได้ของส่วนขยาย เช่นนี้ — จะได้รับหมายเลขเวอร์ชันหลักใหม่ (เช่น 4.0, 5.0) ส่วนรุ่น ย่อย และแพตช์จะได้รับเวอร์ชันพอยต์ (เช่น 3.1, 3.2)
เรากำลังใช้วิธีนี้เพื่อพยายามอธิบายให้ชัดเจนยิ่งขึ้นว่าแต่ละรุ่นมีอะไรบ้าง และแจ้งให้คุณทราบโดยย่อว่ารุ่นอาจมีผลกระทบมากน้อยเพียงใดต่อร้านค้าของคุณ เราหวังว่าสิ่งนี้จะเพิ่มความมั่นใจในรุ่นย่อยและแพตช์ และช่วยให้คุณอัปเดต WooCommerce ได้รวดเร็วยิ่งขึ้นเมื่อมีการเผยแพร่หนึ่งในการอัปเดตเหล่านี้
นอกจากนี้ ในอนาคต เราวางแผนที่จะเพิ่มเวลาให้มากขึ้นสำหรับรุ่นเบต้าและเผยแพร่การทดสอบผู้สมัครหลังจากที่มีการประกาศเวอร์ชันหลักใหม่ นี่เป็นเพราะข้อเสนอแนะที่เป็นประโยชน์ที่เราได้รับใน (จากนั้น) โพสต์เผยแพร่ 2.7 จากนักพัฒนาที่ต้องการเวลามากขึ้นในการทดสอบ
เรารู้สึกซาบซึ้ง อย่าง ยิ่งกับข้อเสนอแนะและคำแนะนำทั้งหมดที่ทำให้เรานำระบบเผยแพร่ใหม่นี้ไปใช้ ทั้งเวอร์ชัน Semantic และระยะเวลาการทดสอบที่นานขึ้น เรากระตือรือร้นที่จะลองใช้สิ่งนี้กับการอัปเดตสองสามครั้งถัดไป และหวังว่าจะได้รับความคิดเห็นเพิ่มเติมจากคุณเกี่ยวกับวิธีการทำงาน!
พร้อมที่จะลอง Bionic Butterfly แล้วหรือยัง? การอัปเดตของคุณกำลังรออยู่
เราหวังว่าคุณจะสนุกกับการอ่านเกี่ยวกับ WooCommerce 3.0 เมื่อคุณพร้อมที่จะลองใช้งาน ลองอ่านเอกสารของเราเกี่ยวกับวิธีการอัปเดต ตรวจสอบให้แน่ใจว่าได้สำรองข้อมูลไว้แล้ว จากนั้นจึงรับการอัปเดตจากแดชบอร์ด WordPress ของคุณ
หากคุณพบปัญหาขณะอัปเดตหรือพบสิ่งที่คุณคิดว่าเป็นข้อบกพร่อง ให้ดำเนินการดังนี้:
- คิดว่าคุณพบจุดบกพร่องใน 3.0 หรือข้อขัดแย้งกับปลั๊กอินอื่นหรือไม่ รายงานให้เราทราบผ่านตัวติดตามปัญหา GitHub ของเรา
- มีปัญหากับการอัพเกรด? ไปที่หน้าสนับสนุนของเราเพื่อเปิดตั๋ว
- แค่ต้องการพูดคุยเกี่ยวกับการเปิดตัว หรือมีแนวคิดดีๆ สำหรับเวอร์ชันถัดไป เริ่มการสนทนาในฟอรัม WooCommerce สาธารณะที่ WordPress.org
โปรดทราบว่าเรา ไม่ สามารถวินิจฉัยหรือแก้ไขปัญหาที่อาจเกิดขึ้นผ่านความคิดเห็นของบล็อก วิธีที่เร็วที่สุดในการติดต่อเราคือใช้วิธีใดวิธีหนึ่งที่ระบุไว้ข้างต้น แต่เรารู้สึกตื่นเต้นเสมอที่จะอ่านความคิดเห็นของคุณและให้คำแนะนำทั่วไป
สำหรับสิ่งที่ควรระวังใน 3.0 ปัญหาความเข้ากันได้ที่อาจเกิดขึ้นและการอัปเดตอย่างต่อเนื่องอยู่ในบล็อกการพัฒนาของเรา
คุณคิดอย่างไรกับผีเสื้อไบโอนิค? แจ้งให้เราทราบในความคิดเห็น!