วิธีใช้ Gutenberg Blocks ใน Oxygen Builder

เผยแพร่แล้ว: 2023-07-06

Oxygen Builder เป็นปลั๊กอิน WordPress ที่ไม่เหมือนใครพร้อมความสามารถที่ทรงพลังอย่างเหลือเชื่อ อย่างไรก็ตาม มีช่วงการเรียนรู้ที่สูงกว่าเมื่อเทียบกับเครื่องมือสร้างเพจอื่นๆ

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

ในทางกลับกัน PostX เป็นปลั๊กอินสำหรับสร้างเว็บไซต์แบบไดนามิกที่มีความสามารถในการปรับแต่งได้อย่างมากและเป็นมิตรกับผู้ใช้

เมื่อเห็นบล็อกโพสต์และเทมเพลตที่สร้างไว้ล่วงหน้าของ PostX ผู้ใช้หลายคนสนใจที่จะใช้สิ่งเหล่านี้ใน Oxygen Builder เพื่อตอบสนองความต้องการนี้ PostX ได้เปิดตัว Oxygen Builder Integration ซึ่งลดความซับซ้อนของกระบวนการใช้บล็อก Gutenberg ใน Oxygen Builder

อ่านต่อเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีใช้บล็อก Gutenberg ใน Oxygen Builder

ซ่อน เนื้อหา
1 ทำไมต้องใช้ Gutenberg Blocks ใน Oxygen Builder
2 วิธีการใช้ Gutenberg Blocks ในออกซิเจน
2.1 วิดีโอสอน
2.2 ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน PostX
2.3 ขั้นตอนที่ 2: เปิดใช้งานตัวสร้างออกซิเจนและ Addon เทมเพลตที่บันทึกไว้
2.4 ขั้นตอนที่ 3: สร้างเทมเพลตที่บันทึกไว้ด้วย PostX
2.5 ขั้นตอนที่ 4: ใช้เทมเพลต PostX ใน Oxygen Builder
2.6 ขั้นตอนที่ 5: การปรับแต่ง (ไม่บังคับ)
3 คำถามที่พบบ่อย
3.1 Oxygen Builder เข้ากันได้กับ Gutenberg หรือไม่
3.2 ฉันสามารถใช้ Gutenberg Blocks ใน Oxygen Builder ได้หรือไม่
3.3 Oxygen Builder ดีกว่า Gutenberg หรือไม่?
4 ทรัพยากรที่คุณจะรัก
5 บทสรุป

เหตุใดจึงต้องใช้ Gutenberg Blocks ใน Oxygen Builder

Oxygen builder นำเสนอคุณสมบัติขั้นสูงสำหรับนักพัฒนาเว็บและนักออกแบบที่มีทักษะเพื่อสร้างเว็บไซต์ที่ไม่เหมือนใคร มันแตกต่างจากผู้สร้างรายอื่นเช่น Elementor, Divi หรือ Beaver Oxygen Builder เหมาะที่สุดสำหรับนักออกแบบเว็บไซต์และนักพัฒนาที่มีประสบการณ์ซึ่งคุ้นเคยกับ CSS, JS และ HTML

และถ้าคุณใช้ Oxygen Builder คุณรู้อยู่แล้วว่าคุณไม่สามารถใช้บล็อก Gutenberg ใน Oxygen Builder กับแผนพื้นฐานได้ นั่นคือที่มาของ PostX

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

หากคุณต้องการใช้บล็อก Gutenberg ใน Oxygen Builder โดยไม่ยุ่งยาก และสร้างเว็บไซต์ขั้นสูงขึ้น การผสานรวม PostX Oxygen Builder คือทางออกของคุณ เป็นมิตรกับผู้ใช้และใช้งานง่ายอย่างไม่น่าเชื่อ

วิธีใช้ Gutenberg Blocks ในออกซิเจน

PostX เสนอการรวม Oxygen Builder ซึ่งช่วยให้คุณใช้บล็อก Gutenberg ใน Oxygen Builder ได้อย่างง่ายดาย การผสานรวมนี้ช่วยให้คุณใช้บล็อก Gutenberg ด้วยวิธีที่เป็นมิตรต่อผู้ใช้และง่ายดาย

มาดูกันว่าคุณสามารถใช้ Gutenberg Blocks ใน Oxygen Builder กับ PostX ได้อย่างไร

วิดีโอสอน

ต่อไปนี้เป็นวิดีโอสอนการใช้บล็อก Gutenberg ใน Oxygen Builder เพื่อสำรวจด้วยสายตา

วิดีโอสอน: วิธีใช้ Gutenberg Blocks ใน Oxygen Builder

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน PostX

ในการเริ่มต้น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน PostX ก่อน เมื่อเปิดใช้งานแล้ว คุณสามารถเปิดใช้งานส่วนเสริม Oxygen Builder เพื่อใช้บล็อก Gutenberg ใน Oxygen Builder

Installing PostX
การติดตั้ง PostX

ขั้นตอนที่ 2: เปิดใช้งาน Oxygen Builder และ Addon เทมเพลตที่บันทึกไว้

เมื่อคุณเปิดใช้งาน PostX สำเร็จ ฟีเจอร์และส่วนเสริมทั้งหมดจะถูกปลดล็อคและพร้อมใช้งาน

Enabling Oxygen Builder Addon
เปิดใช้งาน Addon ตัวสร้างออกซิเจน

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

ขั้นตอนที่ 3: สร้างเทมเพลตที่บันทึกไว้ด้วย PostX

หากต้องการใช้บล็อก Gutenberg ใน Oxygen Builder คุณต้องสร้างเทมเพลตที่บันทึกไว้ผ่าน PostX ทำตามขั้นตอนนี้เพื่อป้องกันปัญหาที่อาจเกิดขึ้น

หากต้องการสร้างเทมเพลตใหม่ที่บันทึกไว้ใน PostX ให้ไปที่ส่วน "เทมเพลตที่บันทึกไว้" แล้วคลิกปุ่ม "เพิ่มเทมเพลตใหม่" คุณยังสามารถแก้ไขเทมเพลตที่มีอยู่ได้จากตำแหน่งเดียวกันนี้

PostX Saved Template Section
ส่วนเทมเพลตที่บันทึกไว้ของ PostX

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

Creating New Saved Template
การสร้างเทมเพลตที่บันทึกไว้ใหม่

เพื่อให้กระบวนการง่ายขึ้น ให้ใช้ไลบรารีเทมเพลตที่สร้างไว้ล่วงหน้าของ PostX เพียงคลิกที่ปุ่มชุดเทมเพลตเพื่อเข้าถึงไลบรารี PostX Premade

Selecting Template Kits for Oxygen Builder Template
การเลือกชุดเทมเพลตสำหรับเทมเพลต Oxygen Builder

PostX นำเสนอตัวเลือกการนำเข้าเพียงคลิกเดียวสำหรับชุดเริ่มต้นและเทมเพลตสำเร็จรูป เพื่อทำให้การสร้างเลย์เอาต์ง่ายขึ้น เลือกตัวเลือกที่คุณต้องการแล้วคลิก "นำเข้า" ตัวอย่างเช่น ลองใช้ NFT & Crypto News Layout

Importing Layout for Oxygen Template
นำเข้าเค้าโครงสำหรับเทมเพลตออกซิเจน

หากต้องการเข้าถึงเทมเพลตนี้ภายใน Oxygen Builder Elements โปรดระบุชื่อ

Naming Saved Template for Oxygen
การตั้งชื่อเทมเพลตที่บันทึกไว้สำหรับออกซิเจน

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

Publishing PostX Oxygen Template
กำลังเผยแพร่เทมเพลต PostX Oxygen

ขั้นตอนที่ 4: ใช้เทมเพลต PostX ใน Oxygen Builder

ในขั้นตอนที่แล้ว เราได้สาธิตวิธีสร้างเทมเพลตที่บันทึกไว้ของ PostX ตอนนี้เราจะแนะนำคุณเกี่ยวกับวิธีใช้ใน Oxygen Builder

ก่อนอื่นคุณต้องสร้างหน้าใหม่ จากแดชบอร์ด ไปที่ส่วนเพจ จากนั้นคลิกที่ตัวเลือก “เพิ่มหน้าใหม่”

Creating New Page
สร้างหน้าใหม่

เมื่อคุณอยู่ในเครื่องมือแก้ไขหน้าแล้ว Oxygen Builder จะแสดงป๊อปอัปที่ขอให้คุณ "แก้ไขด้วย Oxygen" คลิกแล้วคุณจะถูกนำไปที่ Oxygen Builder

Launching Oxygen Builder
เปิดตัวเครื่องสร้างออกซิเจน

เมื่ออยู่ใน Oxygen Builder ให้คลิกไอคอน “+” (เพิ่มองค์ประกอบ) เพื่อดูองค์ประกอบออกซิเจนทั้งหมด

Adding Element in Oxygen
การเพิ่มองค์ประกอบในออกซิเจน

จากส่วนองค์ประกอบพื้นฐาน คุณจะเห็น “เทมเพลต PostX” ในส่วนพื้นฐาน หรือคุณสามารถค้นหา “เทมเพลต PostX” ในแถบค้นหา

Selecting PostX Templates Element in Oxygen
การเลือกองค์ประกอบเทมเพลต PostX ใน Oxygen

เมื่อคุณคลิกที่ “เทมเพลต PostX” ระบบจะให้คุณเลือกเทมเพลตของคุณ จาก "เลือกเทมเพลตของคุณ" ให้เลือกเทมเพลตที่คุณต้องการใช้

Selecting Saved Template in Oxygen
การเลือกเทมเพลตที่บันทึกไว้ใน Oxygen

สุดท้าย หากต้องการเผยแพร่เพจ ให้คลิกปุ่ม "บันทึกการเปลี่ยนแปลง" เท่านี้ก็เสร็จเรียบร้อย

Publishing Page with Oxygen Builder
หน้าเผยแพร่ด้วย Oxygen Builder

ขั้นตอนที่ 5: การปรับแต่ง (ไม่บังคับ)

คุณสามารถใช้ส่วนเทมเพลตที่บันทึกไว้ของ PostX เพื่อแก้ไขหรืออัปเดตเทมเพลตของคุณ

หากต้องการปรับแต่งเทมเพลตที่บันทึกไว้ใน PostX เพียงไปที่ส่วน "เทมเพลตที่บันทึกไว้" แล้วเลือกเทมเพลตที่คุณต้องการแก้ไข คลิกที่ปุ่ม "แก้ไข" ทำการเปลี่ยนแปลงที่จำเป็น จากนั้นคลิก "อัปเดต" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

Customizing Saved Template for Oxygen
ปรับแต่งเทมเพลตที่บันทึกไว้สำหรับออกซิเจน

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

คำถามที่พบบ่อย

Oxygen Builder เข้ากันได้กับ Gutenberg หรือไม่

ใช่ Oxygen Builder เข้ากันได้กับ Gutenberg โดยค่าเริ่มต้น อย่างไรก็ตาม คุณไม่สามารถใช้ Gutenberg กับแผนราคาพื้นฐานได้

ฉันสามารถใช้ Gutenberg Blocks ใน Oxygen Builder ได้หรือไม่

ได้ คุณสามารถใช้ Gutenberg Blocks ใน Oxygen Builder กับ PostX ได้

นี่คือวิธีการใช้ Gutenberg Blocks ใน Oxygen Builder:

  • ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน PostX
  • ขั้นตอนที่ 2: เปิดใช้งาน Oxygen Builder และ Addon เทมเพลตที่บันทึกไว้
  • ขั้นตอนที่ 3: สร้างเทมเพลตที่บันทึกไว้ด้วย PostX
  • ขั้นตอนที่ 4: ใช้เทมเพลต PostX ใน Oxygen Builder

Oxygen Builder ดีกว่า Gutenberg หรือไม่?

หากคุณกำลังมองหาระบบการจัดวางบล็อกที่มีตัวเลือกมากขึ้น Gutenberg Blocks อาจเป็นตัวเลือกที่ดีสำหรับคุณ อย่างไรก็ตาม Oxygen Builder อาจเป็นทางเลือกที่ดีกว่าหากคุณต้องการความยืดหยุ่นและความเป็นไปได้ในการปรับแต่งเพิ่มเติม

ทรัพยากรที่คุณจะรัก

  • วิธีเพิ่ม Post Carousel ใน WordPress
  • วิธีที่ง่ายที่สุดในการใช้ Gutenberg Blocks ใน Divi Builder
  • การรวม PostX Beaver Builder: ใช้ Gutenberg Blocks ใน Beaver Builder
  • วิธีเพิ่มแบบอักษรที่กำหนดเองของ WordPress: ควบคุมการออกแบบตัวอักษรได้อย่างเต็มที่
  • ขอแนะนำ PostX Row/Column Block: แสดงเนื้อหาของคุณได้อย่างสมบูรณ์แบบ

บทสรุป

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

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

กล่าวโดยย่อ การผสานรวม PostX Oxygen Builder เชื่อมช่องว่างระหว่างบล็อก Gutenberg และ Oxygen Builder ทำให้ผู้ใช้สามารถปลดล็อกความเป็นไปได้ในการออกแบบใหม่ ๆ และทำให้กระบวนการสร้างเว็บไซต์ของตนคล่องตัวขึ้น

คุณสามารถดูบทแนะนำวิดีโอ WordPress ในช่อง YouTube ของเรา นอกจากนี้ พบกับเราบน Facebook และ Twitter เพื่อรับการอัปเดตเป็นประจำ!

ชอบบทความนี้หรือไม่? กระจายคำ
  • How To Display WordPress Video as Featured Image With PostX

    วิธีแสดงวิดีโอ WordPress เป็นรูปภาพเด่นด้วย PostX

  • WooCommerce Single Product Page Template

    เทมเพลตหน้าผลิตภัณฑ์เดียวของ WooCommerce (3 วิธีในการสร้างและปรับแต่ง)

  • Create Your Online Store Using Gutenberg Product Blocks for WooCommerce 1

    สร้างร้านค้าออนไลน์ของคุณโดยใช้ Gutenberg Product Blocks สำหรับ WooCommerce

  • How to add Categories to Sidebar in WordPress

    วิธีเพิ่มหมวดหมู่ในแถบด้านข้างใน WordPress