วิธีเพิ่ม Elementor Blocks ใน Gutenberg Editor: Guide

Nkenganyi Clovis บทช่วยสอน WordPress Jul 10, 2023

คุณอาจสังเกตเห็นว่า WordPress 5.0 หรือใหม่กว่ามีโปรแกรมแก้ไขบทความเริ่มต้นใหม่ It’ เรียกว่า Gutenberg และทำงานร่วมกับบล็อกที่คุณสามารถจัดเรียงและปรับแต่งเพื่อสร้างเนื้อหาของคุณได้ บล็อกเป็นเหมือนบล็อกตัวต่อที่ให้คุณสร้างอะไรก็ได้ตามที่คุณต้องการ

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

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

Elementor Blocks สำหรับ Gutenberg? คืออะไร

ด้วย Elementor Blocks สำหรับ Gutenberg คุณสามารถแทรก เทมเพลต Elementor ลงในโปรแกรมแก้ไข Gutenberg เป็นบล็อกได้ ด้วยวิธีนี้ คุณสามารถใช้เครื่องมือออกแบบของ Elementor’ เพื่อสร้างเนื้อหาของคุณ แล้วเพิ่มลงในโพสต์ของคุณด้วย Gutenberg

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

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

Elementor Blocks for Gutenberg นั้นฟรีและใช้งานง่าย คุณต้องใช้ WordPress 5.0 หรือใหม่กว่า เปิดใช้งาน Gutenberg และ Elementor ติดตั้งและเปิดใช้งานบนไซต์ของคุณ

วิธีใช้ Elementor Blocks สำหรับ Gutenberg

ทำตามขั้นตอนเพื่อใช้ Elementor Blocks สำหรับ Gutenberg:

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน Elementor Blocks สำหรับ Gutenberg จากที่เก็บ WordPress หรือจากแดชบอร์ดของคุณ

โดยไปที่ ปลั๊กอิน > เพิ่มใหม่ ที่ด้านซ้ายบน คุณจะเห็นช่องค้นหา คลิกที่มันและพิมพ์ชื่อปลั๊กอินนี้

คลิกที่ติดตั้ง และเมื่อเสร็จแล้ว ให้เปิดใช้งานปลั๊กอิน Elementor Blocks for Gutenberg

ขั้นตอนที่ 2: ค้นหา ‘Elementor Library’ ใน Gutenberg Blocks

เมื่อคุณอยู่ในโปรแกรมแก้ไข Gutenberg และต้องการเพิ่มบล็อก ให้มองหาบล็อก ‘Elementor Library’

ปลั๊กอินนี้ทำให้บล็อก Elementor พร้อมใช้งานใน Gutenberg และคุณสามารถค้นหาและแทรกได้เหมือนกับบล็อก Gutenberg อื่นๆ

ขั้นตอนที่ 3: เลือกเทมเพลตที่มีอยู่หรือสร้างใหม่

หลังจากเพิ่ม Elementor Library แล้ว ให้สร้างเทมเพลตใหม่หรือเลือกจากไลบรารีของเทมเพลตที่มีอยู่แล้ว

ขั้นตอนที่ 5: ดูตัวอย่างเทมเพลตของคุณ

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

ขั้นตอนที่ 6: แก้ไขเทมเพลตด้วย Elementor

หากต้องการเปลี่ยนเทมเพลตของคุณด้วย Elementor ให้คลิกที่ปุ่ม “Edit Template ด้วย Elementor” เหนือบล็อก

ขั้นตอนที่ 7: เปิดบล็อกใหม่ของคุณ

เผยแพร่หรืออัปเดตโพสต์ของคุณและเพลิดเพลินไปกับบล็อก Elementor ของคุณ

ประโยชน์ของการใช้ Elementor Blocks สำหรับ Gutenberg

การใช้ Elementor Blocks สำหรับ Gutenberg มีข้อดีหลายประการ เช่น:

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

คำถามที่พบบ่อยเกี่ยวกับ Gutenberg Elementor

มาดูคำถามที่นักเขียนถามบ่อยที่สุดที่ต้องการใช้ปลั๊กอินนี้

สามารถใช้บล็อก Elementor ภายใน Gutenberg? ได้หรือไม่

ได้ คุณสามารถเพิ่มบล็อกและเทมเพลต Elementor ให้กับ Gutenberg ได้โดยใช้ปลั๊กอิน

Gutenberg จะแทนที่ Elementor Plugin? หรือไม่

Gutenberg เป็นเครื่องมือแก้ไขเนื้อหาที่ช่วยปรับปรุงประสบการณ์ WordPress เป็นหลัก Gutenberg และ Elementor ต่างก็ทำงานกับบล็อก แต่มีข้อดีที่แตกต่างกัน

ฉันต้องเลือกอย่างใดอย่างหนึ่ง: Gutenberg หรือ Elementor?

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

จุดประสงค์ของ Elementor Blocks สำหรับ Gutenberg plugin? คืออะไร

ปลั๊กอินนี้ช่วยให้คุณเพิ่มบล็อก Elementor สำเร็จรูปหลายร้อยรายการไปยังโปรแกรมแก้ไข Gutenberg ได้อย่างรวดเร็ว วิธีนี้สามารถช่วยคุณเพิ่มบล็อก เช่น แบบฟอร์มติดต่อ แบบฟอร์มการสมัครสมาชิก ตารางราคา ฯลฯ เมื่อสร้างโพสต์ด้วยตัวแก้ไข Gutenberg

บทสรุป

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

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

เราหวังว่าคู่มือนี้จะเป็นประโยชน์และเป็นข้อมูลสำหรับคุณ

Divi WordPress Theme