Oxygen Builder V 4.0 รีวิว - การออกแบบ คุณลักษณะ และเวิร์กโฟลว์

Oxygen Builder 4.0 อยู่ที่นี่แล้ว และในบทความนี้ เราจะมาดูฟีเจอร์ การเปลี่ยนแปลง และเวิร์กโฟลว์ใหม่ทั้งหมดที่มาพร้อมกับเวอร์ชันใหม่ Oxygen เป็นผู้สร้างเพจ WordPress ที่รู้จักกันดีและเป็นที่ชื่นชอบซึ่งมาแทนที่ระบบธีมอย่างสมบูรณ์

ในช่วงสองสามปีที่ผ่านมามันอยู่ในเวอร์ชันที่สาม และได้เห็นการเพิ่มเติมที่ยอดเยี่ยม เช่น CSS grid การเพิ่ม MetaBox ที่สมบูรณ์ และการเพิ่มประสิทธิภาพความเร็วเพิ่มเติม และทั้งส่วนหน้าและส่วนหลัง ผู้คนชอบมันเพราะมันอัดแน่นไปด้วยพลังมากมายในส่วนต่อประสานผู้ใช้ที่ออกแบบมาอย่างดี และฉันจะใส่โค้ดที่สะอาดอย่างไม่น่าเชื่อเพื่อทำให้เว็บไซต์โหลดเร็วซึ่งยอดเยี่ยมสำหรับ Core Web Vitals

คุณสมบัติพาดหัวที่มีการทำซ้ำครั้งที่สี่ของ Oxygen Builder มีดังนี้:

ส่วนต่อประสานผู้ใช้ใหม่ล่าสุด

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

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

นี่คือสิ่งที่ทำ:

• การปรับปรุง: ค่าที่สืบทอดมาจากจุดสั่งหยุดที่ใหญ่ขึ้นจะแสดงในฟิลด์บานหน้าต่างคุณสมบัติ (#3665)

• การปรับปรุง: ตอนนี้ Modals เคลื่อนไหวโดยใช้แอนิเมชั่น AOS เดียวกันกับที่เคลื่อนไหวด้วย (# 3550)

• การเพิ่มประสิทธิภาพ: ขณะนี้คุณสามารถอัปโหลดภาพหน้าจอที่กำหนดเองสำหรับหน้าชุดการออกแบบ บล็อก และแต่ละส่วนได้ (#3574)

• การเพิ่มประสิทธิภาพ: ตอนนี้คุณสามารถดับเบิลคลิกที่ชื่อขององค์ประกอบในบานหน้าต่างคุณสมบัติเพื่อเปลี่ยนชื่อ (#3547)

วิธีที่ยอดเยี่ยมในการทำให้โครงสร้างเว็บไซต์ของคุณใช้งานง่าย

• การเพิ่มประสิทธิภาพ: เพิ่มการบ่งชี้ด้วยภาพว่าช่อง Properties Pane ถูกกำหนดสไตล์ผ่านคลาสหรือ id (#3548)

• การปรับปรุง: เพิ่มช่องค้นหาสำหรับบานหน้าต่างตัวเลือก (#4037)

หากคุณมีคลาส CSS จำนวนมากที่จัดการใน Oxygen สิ่งนี้จะช่วยให้คุณค้นหาคลาสเหล่านั้นได้เร็วขึ้น และทำการเปลี่ยนแปลงทั่วโลกบนเว็บไซต์

• การปรับปรุง: เพิ่มแป้นพิมพ์ลัดสำหรับทำซ้ำ บันทึก ลบ คัดลอก วาง (#3951)

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

คุณจะพบการเปลี่ยนแปลงส่วนต่อประสานผู้ใช้อื่นๆ ในตัวสร้าง เช่น วิธีการจัดการระยะขอบและช่องว่างภายใน ตอนนี้เป็นเหมือนประสบการณ์เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์มากขึ้น:

คุณจะสังเกตเห็นว่าสีจริงภายในตัวสร้างเปลี่ยนไป และตอนนี้เน้นไปที่เฉดสีเทาต่างๆ

โดยรวมแล้ว เราพบว่า UI ใหม่และการปรับปรุงที่ใช้งานง่ายทำให้เครื่องมือนี้เป็นวิธีที่มีประสิทธิภาพมากขึ้นในการสร้างเว็บไซต์ที่เป็นเวอร์ชัน 3.0 การเปลี่ยนแปลงทั้งหมดเหล่านี้ยินดีเป็นอย่างยิ่ง และสำหรับผู้ใช้บางคนอาจไม่จำเป็นต้องซื้อ Hydrogen Pack (เนื่องจากตอนนี้มีแป้นพิมพ์ลัดแล้ว)

แก้ไขรหัสซ้ำของ Repeater

การแก้ไขที่น่ายินดีอย่างไม่น่าเชื่อ - ตัวทำซ้ำจะไม่ทำซ้ำ ID ในแต่ละโพสต์ที่แสดงอีกต่อไป นี่เป็นหนึ่งในปัญหาที่ใหญ่ที่สุดของ 3.0 และทำให้เกิดปัญหา SEO และไม่ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุด

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

รองรับ PHP8

นี่เป็นคำขอจำนวนมากในกลุ่ม Facebook และเครื่องมือนี้รองรับ PHP เวอร์ชันแปดแล้ว เวอร์ชัน 3.0 จะไม่ทำงานหรือโหลดใน PHP เวอร์ชันใหม่นี้ ตอนนี้เราสามารถใช้ประโยชน์จากการปรับปรุงความเร็วที่เกิดขึ้นได้แล้ว

นี่คือเหตุผลที่ PHP 8 ยอดเยี่ยม:

ตัวสร้างความเร็วในการโหลดที่เพิ่มขึ้น

นอกจากนี้ยังมีการปรับปรุงบางอย่างที่ส่งผลกระทบโดยตรงต่อความเร็วในการโหลดของตัวสร้าง เช่น การลบการโหลด SVG ที่ซ้ำกัน และการอัปเดตเป็น AngularJS 1.8.2 เวอร์ชันล่าสุดที่รองรับ (#4031)

อ่าน: การทดสอบเวลาในการโหลดแบ็กเอนด์ตัวสร้างออกซิเจน

วิธีใหม่ในการจัดเก็บข้อมูล

ก่อนหน้านี้ เพจและเทมเพลต Oxygen ถูกเก็บไว้ในแบ็กเอนด์เป็นโค้ดสั้นๆ นี่เป็นวิธีที่ดีในการรักษาความปลอดภัย แต่ก็ไม่ใช่วิธีที่มีประสิทธิภาพที่สุดในการทำสิ่งต่างๆ ในเวอร์ชัน 4.0 หน้าใหม่จะถูกจัดเก็บเป็น JSON ซึ่งรวดเร็วและมีประสิทธิภาพมากกว่ามาก มีความเข้ากันได้แบบย้อนหลังกับไซต์ที่สร้างด้วย 3.0 ดังนั้นจึงไม่จำเป็นต้องกังวลเกี่ยวกับการเปลี่ยนแปลงที่แตกหัก

หลังจากที่คุณอัปเกรดแล้ว หากคุณลาออกโค้ดแบบสั้น โค้ดเหล่านั้นจะถูกแปลงเป็นรูปแบบ JSON ใหม่

องค์ประกอบและการเปลี่ยนแปลง WooCommerce เพิ่มเติม

สิ่งนี้มาพร้อมกับตัวสร้างหลักรุ่นใหม่ ออกซิเจน WooCommerce 2.0 มีองค์ประกอบใหม่ 2 รายการ ได้แก่ รถเข็นขนาดเล็กและส่วนประกอบขาย/ขายต่อ

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

นอกจากนี้ หากคุณคุ้นเคยกับธีมต่างๆ ตอนนี้ คุณสามารถแทนที่เทมเพลต WooCommerce จากโฟลเดอร์ที่กำหนดไว้ล่วงหน้า แทนที่จะต้องทำปลั๊กอินแบบกำหนดเองและเปลี่ยนเส้นทางที่ Connors จะค้นหาเทมเพลตเหล่านี้แทนที่

หมายเหตุเกี่ยวกับออกซิเจน V4.0

มีบางสิ่งที่เราต้องการกล่าวถึงในโพสต์บล็อกนี้ อย่างแรกคือไม่ควรใช้ทั้งรุ่นอัลฟ่าและเบต้าในเว็บไซต์ที่ใช้งานจริงเพราะบางสิ่งอาจจะพัง คุณควรรอจนกว่า RC (หรือปล่อยตัวเลือก) หรือเวอร์ชัน 4.0 จริงจะออกมา เราเห็นโพสต์มากมายบน Facebook ที่บอกว่าเว็บไซต์ของพวกเขาเสียหลังจากอัปเดตเป็นเวอร์ชัน 4.0 และนี่คือสิ่งที่คาดหวังหากคุณใช้อัลฟ่าหรือเบต้า

เนื่องจาก UI เปลี่ยนไป เช่นเดียวกับ CSS ซึ่งหมายความว่าสิ่งต่าง ๆ จะเสียหายหากคุณไม่ล้างแคชของเบราว์เซอร์และสร้าง CSS ใหม่ - ทำเช่นนั้นอย่างแน่นอน!

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

อ่านเพิ่มเติม:

• การทบทวนโดยละเอียดของตัวสร้างออกซิเจน (มุมมองของหน่วยงาน)
• เราย้ายสถานที่สร้างออกซิเจนอย่างไร
• Divi Builder VS Oxygen Builder - ใครชนะในปี 2021?

บทสรุป

Oxygen Builder เวอร์ชันที่สี่นำเสนอประสบการณ์ผู้ใช้ที่จำเป็นมากด้วยการปรับปรุงอินเทอร์เฟซ เช่น แป้นพิมพ์ลัดเพื่อคัดลอกและวางองค์ประกอบ การออกแบบและใช้งานง่ายขึ้นใหม่ การสนับสนุน PHP8 และการปรับปรุง WooCommerce รุ่นนี้ควรกำหนดขั้นตอนสำหรับเครื่องมือดั้งเดิมเพิ่มเติม เช่น เมนูคลิกขวาและการปรับปรุงความเร็วแบ็กเอนด์เพิ่มเติม