การเปิดตัว Beaver Builder 2.8 หรือที่รู้จักในชื่อ “Alpine” ที่หลายคนรอคอยมาถึงแล้ว!

Beaver Builder 2.8 นำพลังของ flexbox และตาราง CSS มาสู่ Box Module ใหม่ ควบคู่ไปกับการแนะนำฟังก์ชัน Global Styles นอกจากนี้ รีลีสนี้ยังรวมการปรับปรุงที่โดดเด่น รวมถึงโมดูล North Commerce และการผสานรวมกับ Popup Maker พร้อมการปรับปรุงเล็กน้อยในโมดูลหลัก เช่น Menu, Post Carousel, Post Slider และ Photo

ในโพสต์นี้ เราจะแนะนำการอัปเดต Beaver Builder 2.8 ใหม่ จากนั้น เราจะแสดงคุณสมบัติใหม่ที่ดีที่สุดบางส่วนให้กับคุณ

ข้อมูลเบื้องต้นเกี่ยวกับ Beaver Builder 2.8

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

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

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

เมื่อคุณอัปเดตเป็น Beaver Builder 2.8 คุณจะปลดล็อกพลังของ flexbox, ตาราง CSS และเลเยอร์ภายใน Box Module ใหม่ของเรา นอกจากนี้เรายังทำให้สามารถใช้ Global Styles เพิ่มเนื้อหา North Commerce โดยไม่ต้องใช้รหัสย่อ และผสานรวมกับ PopUp Maker ได้อย่างสมบูรณ์ยิ่งขึ้น ทำให้คุณแก้ไขงานได้ง่ายขึ้น

5 คุณสมบัติใหม่และการอัปเดตสำหรับ Beaver Builder 2.8

Beaver Builder 2.8 เป็นการอัปเดตครั้งแรกของเราในปี 2024 และอัดแน่นไปด้วยคุณสมบัติอันทรงพลังบางอย่างภายใน มาสำรวจส่วนเพิ่มเติมใหม่ๆ ที่จะทำให้การอัปเดตนี้กลายเป็นตัวเปลี่ยนเกม

1. โมดูลกล่อง: การสร้างความแม่นยำด้วย Flexbox และ CSS Grid

ด้วยการอัพเดตเป็น Beaver Builder 2.8 ผู้ใช้ตัวสร้างเพจของเราทุกคน รวมถึงเวอร์ชัน Lite จะสามารถเข้าถึงตัวเลือก Flex , Grid และ Layers ขั้นสูงภายในโมดูล Box:

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

Flexbox และ CSS Grid เป็นทั้งโมเดลโครงร่างใน CSS แต่มีวัตถุประสงค์ที่แตกต่างกันและมีลักษณะเฉพาะที่แตกต่างกัน:

• Flexbox – เหมาะสำหรับเค้าโครงมิติเดียวที่จัดเรียงรายการในแถวหรือคอลัมน์โดยมีความยืดหยุ่นในการปรับขนาดและการจัดตำแหน่ง
• ตาราง – เหมาะสำหรับเค้าโครงสองมิติ ให้การควบคุมที่แม่นยำทั้งแถวและคอลัมน์ ทำให้สามารถออกแบบที่ซับซ้อนมากขึ้น

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

หากต้องการเพิ่ม Box Module เมื่อแก้ไขด้วย Beaver Builder ให้คลิกสัญลักษณ์บวก (+) ที่อยู่บน แถบด้านบน เพื่อเปิด Content Panel คลิกที่ แท็บโมดูล เพื่อเข้าถึง โมดูลมาตรฐาน ทั้งหมด และเลื่อนลงไปที่ส่วน "กล่อง":

นอกจาก Box Module แล้ว คุณจะสังเกตได้ว่าเราได้เพิ่มค่าที่ตั้งไว้ล่วงหน้าหลายค่าซึ่งทำให้เริ่มต้นได้ง่ายขึ้น:

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

แม้ว่าเราตั้งเป้าที่จะทำให้โมดูล Box ใช้งานง่ายที่สุดเท่าที่จะเป็นไปได้ แต่เราขอแนะนำอย่างยิ่งให้เข้าใจ Flexbox และ CSS Grid เป็นอย่างดี ด้วยการใช้โมดูลกล่องใหม่ของเรา คุณสามารถยกระดับการออกแบบเว็บของคุณให้ดียิ่งขึ้นไปอีก!

2. สไตล์สากล (ฟีเจอร์พรีเมียม)

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

คุณลักษณะ Global Styles ใหม่ซึ่งมีเฉพาะในตัวสร้างเพจของ Beaver Builder เวอร์ชันพรีเมียมเท่านั้น ช่วยให้คุณสามารถกำหนดลักษณะการกำหนดลักษณะสำหรับทั้งองค์ประกอบและสีใน Beaver Builder ได้:

• องค์ประกอบส่วนกลาง – แท็บนี้ให้คุณตั้งค่าสไตล์สำหรับองค์ประกอบ html ต่างๆ ที่ควบคุมโดย Beaver Builder เช่น ข้อความ ส่วนหัว ลิงก์ และปุ่ม
• สีสากล - แท็บนี้ให้คุณตั้งค่าจานสีส่วนกลางที่มีอยู่ในตัวเลือกสีในสไตล์สากลหรือที่อื่นที่คุณสามารถเลือกสีได้

หากต้องการเข้าถึง Global Styles ให้เปิดเมนู Tools โดยคลิกลูกศรในแถบด้านบนที่มุมซ้ายบนของหน้าจอแก้ไข และเลือก "Global Styles" ตามที่แสดง:

แท็บองค์ประกอบช่วยให้คุณสามารถกำหนดสไตล์สากลสำหรับองค์ประกอบต่างๆ เช่น ข้อความ ส่วนหัว ลิงก์ และปุ่ม:

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

แท็บสีช่วยให้คุณสร้างชุดสีส่วนกลางที่สามารถใช้ได้ทั่วทั้งเว็บไซต์ของคุณ:

คุณสามารถเข้าถึงสีเหล่านี้ได้อย่างง่ายดายภายในเค้าโครง Beaver Builder ของคุณผ่านเครื่องมือตัวเลือกสี นอกจากนี้ สีที่คุณสร้างจะแปลงเป็นตัวแปร CSS ทำให้สามารถรวมเข้ากับ CSS ที่กำหนดเองได้

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

3. โมดูล NorthCommerce

จนถึงตอนนี้ เราได้พูดคุยถึงวิธีที่ Beaver Builder 2.8 แนะนำคุณสมบัติใหม่สองประการ ได้แก่ Box Module และ Global Styles เพื่อทำให้การสร้างเลย์เอาต์ที่ซับซ้อนใช้งานง่ายยิ่งขึ้น

Beaver Builder 2.8 ยังแนะนำโมดูลสำหรับ North Commerce ซึ่งเป็นปลั๊กอินอีคอมเมิร์ซสำหรับ WordPress ที่ช่วยให้ผู้ใช้สร้างร้านค้าออนไลน์ที่มีคอนเวอร์ชันสูงได้อย่างรวดเร็วและง่ายดาย:

ตัวอย่างเช่น ตอนนี้คุณสามารถแสดงผลลัพธ์ของรหัสย่อของ North Commerce ได้โดยไม่ต้องป้อนหรือใช้รหัสย่อใดๆ คุณสามารถใช้โมดูล North Commerce ใหม่แทน ซึ่งคล้ายกับโมดูล WooCommerce ของเรา เพื่อแสดงเนื้อหาของคุณได้อย่างง่ายดาย

โมดูลใหม่นี้จะช่วยให้คุณควบคุมได้มากขึ้นและเร่งขั้นตอนการทำงานของคุณเมื่อทำงานกับ NorthCommerce

4. การรวมเครื่องป๊อปอัป

ใน Beaver Builder 2.8 เรายังแนะนำการผสานรวมกับ Popup Maker ซึ่งเป็นปลั๊กอินที่ออกแบบมาสำหรับเว็บไซต์ WordPress ที่ช่วยให้ผู้ใช้สามารถสร้างและจัดการป๊อปอัปได้:

โดยพื้นฐานแล้ว ตอนนี้คุณสามารถใช้เครื่องมือสร้างเพจของเราเพื่อออกแบบเนื้อหาสำหรับป๊อปอัปของคุณได้

นอกจากนี้ยังจะแสดงป๊อปอัปภายใน Beaver Builder ในขณะที่แก้ไข รวมถึงความสามารถในการเลือกป๊อปอัปในช่องลิงก์เพื่อทริกเกอร์ป๊อปอัปเมื่อมีการคลิกลิงก์

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน Popup Maker แล้ว ประเภทโพสต์ Popup Maker (ป๊อปอัป) จะถูกเปิดใช้งานโดยอัตโนมัติภายในการตั้งค่า Beaver Builder

5. การอัปเดตเล็กน้อยในโมดูล เมนูเครื่องมือ และการตั้งค่าลูป

สุดท้ายนี้ Beaver Builder 2.8 มีการเพิ่มเติมเล็กน้อยดังต่อไปนี้:

• โมดูลเมนู – ขณะนี้ตัวเลือกการเติมลิงก์รองรับการสลับแบบตอบสนองแล้ว เพิ่มตัวเลือกช่องว่างภายในใหม่สำหรับการตั้งค่าสลับแบบตอบสนอง
• Post Carousel & Post Slider – เพิ่มตัวเลือกความยาวข้อความที่ตัดตอนมาให้กับทั้งสองโมดูล ทำให้คุณสามารถกำหนดความยาวของเนื้อหาได้
• เมนูเครื่องมือ – รวมความสามารถในการเปิดและโต้ตอบกับไลบรารีสื่อ WordPress ภายในส่วนต่อประสานผู้ใช้ Beaver Builder
• โมดูลภาพถ่าย – เพิ่มตัวเลือกการปรับพอดีวัตถุและตำแหน่งให้กับแท็บสไตล์
• การตั้งค่าลูป - เพิ่มตัวเลือกในการกรองตามผู้เขียนปัจจุบันและผู้ใช้ที่เข้าสู่ระบบปัจจุบัน
• การซ้อนทับของแถว คอลัมน์ และโมดูล - อัปเดตเพื่อให้สอดคล้องกันในประเภทโหนด
• Outline Panel – ได้รับการอัปเดตในรุ่นนี้เพื่อให้ทำงานได้อย่างราบรื่นยิ่งขึ้น

สรุป: คุณสมบัติที่อัดแน่นไปด้วยพลังสำหรับการสร้างเว็บที่ได้รับการปรับปรุง

การอัปเดตเป็น Beaver Builder 2.8 จะปลดล็อกประสบการณ์การสร้างเพจที่มีประสิทธิภาพและปรับแต่งได้มากขึ้น Box Module แนะนำตัวเลือกเค้าโครงขั้นสูงด้วย Flexbox และ CSS Grid ในขณะที่ Global Styles ช่วยให้การจัดการสีง่ายขึ้น

โดยสรุป นี่คือสิ่งที่คุณคาดหวังได้ใน Beaver Builder 2.8:

1. โมดูลกล่อง
2. สไตล์สากล
3. โมดูล NorthCommerce
4. บูรณาการเครื่องชงป๊อปอัป
5. การอัปเดตเล็กน้อยในโมดูล เมนูเครื่องมือ และการตั้งค่าลูป

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

คำถามที่เกี่ยวข้อง

Beaver Builder เวอร์ชันล่าสุดคืออะไร?

ในเดือนกุมภาพันธ์ 2024 Beaver Builder 2.8 เป็นปลั๊กอินเวอร์ชันล่าสุดของเรา รองรับการทำงานร่วมกับปลั๊กอิน NorthCommerce และ Popup Maker นอกจากนี้คุณยังจะพบ Box Module ใหม่ล่าสุดที่ช่วยให้คุณสามารถสร้างเลย์เอาต์ได้อย่างง่ายดายโดยใช้ flexbox, ตาราง CSS และเลเยอร์

Beaver Builder ทำอะไร?

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