วิธีใช้ Gutenberg Blocks ใน WPBakery Page Builder พร้อมการรวม PostX

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

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

เมื่อเร็ว ๆ นี้มีผู้ใช้ WordPress สองสามคนถามเราว่าสามารถใช้ Gutenberg Blocks ในตัวสร้างเพจ WPBakery ได้หรือไม่

ผู้ใช้คนหนึ่งถามว่า:

สวัสดี ฉันมีคำถามเกี่ยวกับการบล็อก PostX เข้ากันได้กับเว็บไซต์ของฉันหรือไม่หากฉันมี WPBakery เป็นบรรณาธิการ

ผู้ใช้รายอื่นมีคำถาม:

ฉันต้องการให้ส่วนข่าวของเรามีรูปลักษณ์ใหม่ที่สวยงาม แต่ฉันไม่มีตัวเลือกในการเพิ่มบล็อกที่สร้างไว้ล่วงหน้าในหน้าข่าว สิ่งนี้ใช้ได้กับ WPBakery หรือไม่

เพื่อแก้ไขปัญหาเหล่านี้ เรา ขอแนะนำการผสานรวม PostX และ WPBakery Page Builder ตอนนี้ใครๆ ก็สามารถใช้บล็อก Gutenberg ใน WPBakery Page Builder ได้

อยู่กับเราในขณะที่เราสำรวจวิธีใช้ Gutenberg Blocks ใน WPBakery Page Builder

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

เหตุใดคุณจึงควรใช้ PostX Blocks (Gutenberg Blocks) ใน WPBakery Page Builder

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

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

อย่าพลาดคุณสมบัติที่น่าทึ่งของ PostX

ตรวจสอบคุณสมบัติ PostX ทั้งหมด

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

วิธีใช้ Gutenberg Blocks ใน WPBakery Page Builder

หลังจากประสบความสำเร็จในการรวม PostX กับ Divi และ Beaver Builder เราขอแนะนำการรวม PostX และ WPBakery Page Builder ตอนนี้ คุณสามารถใช้ PostX Blocks และ Gutenberg Blocks อื่นๆ ใน WPBakery Page Builder

อย่าเสียเวลาและแสดงให้คุณเห็นว่าการใช้บล็อก Gutenberg ใน WPBakery Page Builder กับ PostX นั้นง่ายเพียงใด

วิดีโอสอน

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

บทช่วยสอนวิดีโอ: การรวมเครื่องมือสร้างเพจ PostX WPBakery

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

ก่อนอื่น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน PostX เมื่อเสร็จแล้ว คุณสามารถเปิดใช้งานส่วนเสริม WPBakery Page Builder เพื่อให้คุณสามารถเริ่มใช้บล็อก PostX และ Gutenberg ที่น่าทึ่งเหล่านั้นได้

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

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

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

หากคุณต้องการใช้บล็อก Gutenberg ใน WPBakery Page Builder คุณต้องเปิดใช้งานส่วนเสริมเฉพาะสองตัวจาก PostX: WPBakery Page Builder และเทมเพลตที่บันทึกไว้

Enabling WPBakery Page Builder Addon
เปิดใช้งาน Addon ตัวสร้างเพจ WPBakery

หากต้องการเปิดใช้งานส่วนเสริมทั้งสอง ให้ไปที่หน้า PostX Addons และใช้แถบสลับสำหรับเทมเพลตที่บันทึกไว้และส่วนเสริม WPBakery Page Builder

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

จำเป็นต้องสร้างเทมเพลตที่บันทึกไว้ด้วย PostX เพื่อใช้บล็อก Gutenberg ใน WPBakery Page Builder

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

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

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

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

มาใช้ Premade Starter Packs และ Templates จาก PostX เพื่อทำให้สิ่งต่างๆ ง่ายขึ้น คลิกปุ่ม "ชุดเทมเพลต" จากด้านบนของหน้า

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

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

Importing Layouts for WPBakery Page Builder
นำเข้าเลย์เอาต์สำหรับ WPBakery Page Builder

หากต้องการใช้เทมเพลตนี้ใน WPBakery Page Builder คุณต้องระบุ "ชื่อ" เพื่อให้เลือกใน WPBakery Editor ได้อย่างง่ายดาย

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

อย่าลืมเผยแพร่เทมเพลตที่บันทึกไว้เมื่อคุณทำเสร็จแล้ว

Publishing Saved Template for WPBakery
การเผยแพร่เทมเพลตที่บันทึกไว้สำหรับ WPBakery Page Builder

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

ในขั้นตอนที่แล้ว เราสร้างเทมเพลตที่บันทึกไว้ ตอนนี้สิ่งที่เหลืออยู่คือใช้ใน WPBakery Page Builder

จาก WordPress Dashboard ไปที่ Pages แล้วคลิก “Add New Page”

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

เมื่ออยู่ในเครื่องมือแก้ไขเพจ คุณจะเห็นไอคอน “WPBakery Page Builder” ที่ด้านบนของเครื่องมือแก้ไขเพจ คลิกที่มันและจะนำคุณไปยัง WPBakery Page Builder

Launching WPBakery Page Builder
เปิดตัวสร้างเพจ WPBakery

เมื่อคุณอยู่ใน WPBakery Page Builder แล้ว คุณจะเห็นปุ่ม 3 ปุ่ม: “+ Add Element,” “Add Text Block,” และ “Add Template” ตอนนี้คลิก "+ เพิ่มองค์ประกอบ" เพื่อเลือกองค์ประกอบเนื้อหาเทมเพลต PostX

Adding Elements in WPBakery
การเพิ่มองค์ประกอบใน WPBakery Page Builder

ตอนนี้ คุณจะเห็นองค์ประกอบเนื้อหาเทมเพลต PostX เลือกเพื่อเลือกเทมเพลตที่คุณบันทึกไว้

Selecting PostX Template Content Element
การเลือกองค์ประกอบเนื้อหาเทมเพลต PostX

คุณจะเห็น “การตั้งค่าเทมเพลต PostX” และจากที่นี่ คุณสามารถเลือกเทมเพลตที่บันทึกไว้ที่คุณสร้างขึ้นในขั้นตอนที่ 3 หลังจากเลือกเทมเพลตแล้ว ให้คลิกปุ่ม “บันทึกการเปลี่ยนแปลง” เพื่อเพิ่มบล็อก Gutenberg ใน WPBakery Page Builder

Select PostX Template to Use in WPBakery
เลือกเทมเพลต PostX ที่จะใช้ใน WPBakery Page Builder

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

Publishing Page with WPBakery Page Builder
การเผยแพร่เพจด้วย WPBakery Page Builder

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

หลังจากใช้บล็อก PostX และบล็อก Gutenberg ใน WPBakery Page Builder แล้ว คุณสามารถปรับแต่งสำหรับการเปลี่ยนแปลงหรืออัปเดตได้ คุณสามารถทำได้อย่างง่ายดายด้วย PostX

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

Customizing Saved Template of WPBakery
การปรับแต่งเทมเพลตที่บันทึกไว้ของ WPBakery Page Builder

การเปลี่ยนแปลงที่คุณทำที่นี่จะถูกซิงค์โดยอัตโนมัติ หากคุณใช้เทมเพลตนี้ใน WPBakery Page Builder

และนั่นคือวิธีที่คุณสามารถใช้ Gutenberg Blocks ใน WPBakery Page Builder ได้อย่างง่ายดาย

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

ทำไม Gutenberg ถึงดีกว่า?

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

Gutenberg กำลังจะแทนที่ผู้สร้างเพจอย่าง WPBakery หรือไม่

การเลือกระหว่าง Gutenberg และเครื่องมือสร้างเพจอื่นๆ เช่น WPBakery, Divi, Beaver, Elementor เป็นต้น เป็นเรื่องของความชอบส่วนบุคคล แต่ละตัวเลือกมีข้อดีและข้อเสีย อย่างไรก็ตาม ขึ้นอยู่กับปัจจัยต่างๆ เช่น ความเข้ากันได้ ความเร็ว และความเป็นมิตรกับผู้ใช้ Gutenberg อาจสามารถแทนที่เครื่องมือสร้างเพจอื่นๆ ได้

จะใช้ Gutenberg Blocks ใน WPBakery Page Builder ได้อย่างไร

ทำตามขั้นตอนเหล่านี้เพื่อใช้บล็อก Gutenberg ใน WPBakery Page Builder :

  • ติดตั้งและเปิดใช้งาน PostX
  • เปิดใช้งานเทมเพลตที่บันทึกไว้และ Addon ตัวสร้างเพจ WPBakery
  • สร้างเทมเพลตที่บันทึกไว้ด้วย PostX
  • ใช้เทมเพลตที่บันทึกไว้ใน WPBakery Page Builder
  • เผยแพร่เพจ

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

  • PostX Dynamic Site Builder: สร้างเว็บไซต์ของคุณภายในไม่กี่คลิก
  • ขอแนะนำ PostX Row/Column Block: แสดงเนื้อหาของคุณได้อย่างสมบูรณ์แบบ
  • วิธีเพิ่มแบบอักษรที่กำหนดเองของ WordPress: ควบคุมการออกแบบตัวอักษรได้อย่างเต็มที่
  • ขอแนะนำ PostX ChatGPT Addon: เครื่องมือสร้างเนื้อหา WordPress AI
  • วิธีสร้างหน้าแรกแบบกำหนดเองใน WordPress: คำตอบสำหรับคำถามทั้งหมดของคุณ!

บทสรุป

โดยสรุป การรวม PostX และ WPBakery Page Builder ช่วยให้ผู้ใช้ WordPress สามารถใช้บล็อก Gutenberg ใน WPBakery Page Builder ได้อย่างง่ายดาย

ด้วยความช่วยเหลือของ PostX ทุกคนสามารถสร้างเพจที่น่าทึ่งโดยใช้บล็อก Gutenberg โดยไม่ต้องกังวลเกี่ยวกับปัญหาความเข้ากันได้กับ WPBakery Page Builder

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

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

ชอบบทความนี้หรือไม่? กระจายคำ
  • WooCommerce Products Compare

    การเปรียบเทียบผลิตภัณฑ์: การเปรียบเทียบผลิตภัณฑ์ WooCommerce

  • WordPress Grid Plugins

    10 ปลั๊กอินกริด WordPress ที่ดีที่สุด 2023

  • How to Add WooCommerce Store Credit with WholesaleX

    วิธีเพิ่มเครดิตร้านค้า WooCommerce ด้วย WholesaleX

  • How to Offer Wholesale Discounts with WholesaleX

    วิธีเสนอส่วนลดขายส่งด้วย WholesaleX