6 เคล็ดลับในการใช้ประโยชน์สูงสุดจาก WordPress Gutenberg Editor

เผยแพร่แล้ว: 2022-11-02

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

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

นับตั้งแต่เปิดตัว Gutenberg ได้เห็นการติดตั้งมากกว่า 78.3 ล้านครั้งและโพสต์มากกว่า 280 ล้านโพสต์ ทุกวันนี้ มีการเขียนโพสต์มากกว่า 150,000 โพสต์ทุกวันโดยใช้ Gutenberg

ยิ่งไปกว่านั้น Gutenberg Phase 3 ยังเสนอการเผยแพร่ร่วมกันใน WordPress เมื่อเผยแพร่และเปิดตัว

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

ให้เราสำรวจฟีเจอร์หลัก เคล็ดลับ และลูกเล่นบางอย่างเพื่อให้ได้ประโยชน์สูงสุด

สารบัญ

1. ใช้ประโยชน์จากการบล็อกเนื้อหาอย่างเต็มที่

ใช้บล็อกเนื้อหาและตัวเลือกใหม่ของ Gutenberg ด้วยโปรแกรมแก้ไข TinyMCE ในตัว

ที่มา: สำรวจตัวเลือกการบล็อกเนื้อหา

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

  • ภาพปก
  • การดาวน์โหลดไฟล์
  • ปุ่ม ฯลฯ

ปลั๊กอินหลายตัวที่คุณใช้มีแนวโน้มที่จะมีบล็อกให้ใช้งาน ตัวอย่างเช่น หากคุณใช้ปลั๊กอินแกลเลอรี ปลั๊กอินนี้อาจมาพร้อมกับบล็อกแกลเลอรีเฉพาะ

2. การลบบล็อก

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

ลบบล็อก Gutenberg

ที่มา: วิธีลบบล็อก

ทำตามสามขั้นตอนเหล่านี้เพื่อกำจัดบล็อกการเขียน —

  1. เลือกองค์ประกอบที่คุณต้องการลบ
  2. เข้าถึงตัวเลือกเพิ่มเติมโดยคลิกปุ่ม “…” ที่มุมขวาบนของบล็อก
  3. ค้นหาตัวเลือกเพื่อลบบล็อกและเลือก

คุณยังสามารถใช้การผสมทางลัดของ Ctrl + Alt + Z

3. การกำหนดการตั้งค่าบล็อกขั้นสูง

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

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

การกำหนดค่าของบล็อกปุ่มแสดงอยู่ในภาพด้านล่าง

คุณสามารถเข้าถึงการตั้งค่าบล็อกได้ในแถบด้านข้าง

ที่มา: สำรวจตัวเลือกบล็อก

คุณสามารถเข้าถึงการตั้งค่าของบล็อกในแถบด้านข้างโดยมีตัวเลือกมากมายให้เลือกขนาด สี ฯลฯ

การเปลี่ยนแปลงทั้งหมดจะมีผลทันทีในตัวแก้ไข

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

การตั้งค่าบล็อกสำหรับข้อความย่อหน้าปกติ
ที่มา: การตั้งค่าบล็อกสำหรับข้อความย่อหน้าปกติ

4. คัดลอกบล็อกด้วยการตั้งค่าทั้งหมด

การแก้ไขร่วมกันต้องการความสม่ำเสมอ โอกาสที่ผู้เขียนหลายคนทำงานในเอกสารเดียวกัน การออกแบบและสไตล์อาจเปลี่ยนไป ดังนั้น การรักษาการตั้งค่าบล็อกให้สอดคล้องกันจึงเป็นสิ่งจำเป็น สำหรับสิ่งนี้ ให้ลองคัดลอกการตั้งค่าบล็อกทั้งหมดในสี่ขั้นตอน —

  1. เลือกบล็อก
  2. คลิกไอคอนจุดสามจุดบนแถบเครื่องมือของบล็อก
  3. เลือกคัดลอก
  4. จากนั้นวางบล็อกโดยใช้ “Ctrl + V” หรือคลิกขวาแล้วเลือก “วาง”

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

5. ค้นพบและใช้ทางลัดตัวแก้ไข Gutenberg

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

คุณสามารถเปิดเมนูทางลัดทั้งหมดได้โดยใช้ Shift + Alt + H (Windows) / Ctrl + Alt + H (Mac)

ที่มา: รายการทางลัดที่มีประโยชน์ใน Gutenberg

ต่อไปนี้เป็นทางลัดยอดนิยมใน Gutenberg—

  • Ctrl + Alt + Backspace: ลบที่มีอยู่/เลือก นี่เป็นความช่วยเหลืออย่างมากเนื่องจากการลบบล็อกมักต้องใช้การคลิกหลายครั้ง
  • Ctrl + Alt + T: เพื่อเพิ่มบล็อกใหม่ก่อนบล็อกที่มีอยู่
  • Ctrl + Alt + Y: เพื่อแทรกบล็อกใหม่หลังจากบล็อกที่มีอยู่
  • Ctrl + A + A: เพื่อขีดเส้นใต้ทั้งส่วน

นอกจากแป้นพิมพ์ลัดแล้ว คุณยังสามารถใช้ไวยากรณ์ของมาร์กดาวน์ได้อีกด้วย

ต่อไปนี้เป็นตัวอย่างบางส่วนของอินพุตไวยากรณ์ Markdown ที่ถูกต้องใน Gutenberg:

  • ใช้ “##” เพื่อสร้างหัวเรื่อง
  • พิมพ์ “1” เพื่อเริ่มสร้างรายการสั่งซื้อ
  • ใช้ “*” เพื่อสร้างรายการที่ไม่เรียงลำดับ
  • ใช้ “>” เพื่อสร้างคำพูด

ตัวอย่างเช่น พิมพ์ ”##” แล้วกดสเปซบาร์เพื่อเริ่มเขียนใน H2 ด้วยวิธีนี้ Gutenberg จะสร้างบล็อกหัวเรื่องโดยอัตโนมัติ

6. ใช้การลากและวางเพื่อจัดเรียงบล็อกใหม่

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

Rearrange the Blocks

ที่มา: วิธีใช้ฟังก์ชันลากและวาง

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

ไขลาน

ตัวแก้ไขบล็อก Gutenberg ทั้งหมดได้พัฒนาไปอย่างมากนับตั้งแต่มีการเปิดตัวในปี 2018 ขณะนี้มีการแก้ไขไซต์เต็มรูปแบบซึ่งตัวแก้ไขบล็อกมีบทบาทสำคัญยิ่งใน WordPress

เพื่อให้ได้ประโยชน์สูงสุดจาก WordPress Block Editor คุณจะต้องเรียนรู้วิธีสร้างบล็อกใหม่ แก้ไขสิ่งเหล่านั้น และใช้ให้เป็นประโยชน์

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