WordPress Block Editor: ทุกสิ่งที่คุณต้องการรู้ (2022)

เผยแพร่แล้ว: 2022-04-23

WordPress เปิดตัวตัวแก้ไขบล็อกใหม่ที่ตอนนี้แทนที่ตัวแก้ไขแบบคลาสสิกเก่าแล้ว ตัวแก้ไขนี้ทำงานในลักษณะที่แตกต่างไปจากเดิมอย่างสิ้นเชิงและเป็นทิศทางที่ WordPress กำลังจะไป

หากคุณเพิ่งเริ่มใช้ WordPress Block Editor และกำลังมองหาแหล่งข้อมูลเพื่อทำความเข้าใจวิธีการทำงาน แสดงว่าคุณมาถูกที่แล้ว!

ในบทความนี้ ฉันจะแนะนำคุณเกี่ยวกับตัวแก้ไขบล็อก WordPress ใหม่นี้

นอกจากนี้ ฉันจะแสดงวิธีการทำงานและวิธีที่คุณสามารถละทิ้งตัวแก้ไขแบบคลาสสิกสำหรับตัวแก้ไขที่มีประสิทธิภาพและดีกว่านี้ได้

เริ่มกันเลย

สารบัญ:
  • WordPress Block Editor คืออะไร?
  • Block Editor กับ Classic Editor: อะไรคือความแตกต่าง?
  • บทนำอย่างรวดเร็วเกี่ยวกับอินเทอร์เฟซตัวแก้ไขบล็อก
  • บทนำสู่บล็อก
  • แปลงโพสต์เก่าเป็นบล็อก
  • กำลังแทรกบล็อกใหม่
  • ทำซ้ำ ย้าย และลบบล็อก
  • การสร้างบล็อกที่นำกลับมาใช้ใหม่ได้
  • การเพิ่มบล็อคเพิ่มเติมให้กับตัวแก้ไขบล็อก

WordPress Block Editor คืออะไร?

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

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

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

WordPress Gutenberg aka Block Editor

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

เพื่อให้เข้าใจบล็อกได้ดีขึ้น เราต้องดูว่าบล็อกนี้แตกต่างจากตัวแก้ไขแบบคลาสสิกอย่างไร


Block Editor กับ Classic Editor: อะไรคือความแตกต่าง?

ตัวแก้ไขบล็อกใหม่แตกต่างจากตัวแก้ไขแบบคลาสสิกมาก

มาดูกันว่า:

นี่คือลักษณะของตัวแก้ไขคลาสสิกของ WordPress:

WordPress Classic Editor

และนี่คือตัวแก้ไขบล็อกใหม่โดย WordPress:

พวกมันดูแตกต่างกันมากบนพื้นผิว แต่ความแตกต่างเหล่านี้จะยิ่งใหญ่กว่ามากหากคุณเจาะลึกลงไปในแต่ละบรรณาธิการ

ความแตกต่างที่ใหญ่ที่สุดระหว่างตัวแก้ไขแบบคลาสสิกและตัวแก้ไขบล็อกคือ:

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

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

นั่นเป็นเหตุผลที่เรียกอีกอย่างว่า Block Editor

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

ตอนนี้คุณรู้ความแตกต่างระหว่างตัวแก้ไขแบบคลาสสิกและตัวแก้ไขบล็อกแล้ว

คำถามคือ:

ตัวแก้ไขบล็อกของ Gutenberg ดีกว่าตัวแก้ไขแบบคลาสสิกอย่างไร

มีข้อดีหลายประการในการใช้ตัวแก้ไขบล็อกเหนือตัวแก้ไขแบบคลาสสิก

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

อ่าน: Gutenberg (ตัวแก้ไขบล็อก) Vs. ตัวแก้ไขแบบคลาสสิก: อันไหนให้เลือก?


บทนำอย่างรวดเร็วเกี่ยวกับอินเทอร์เฟซตัวแก้ไขบล็อก

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

ต่อไปนี้คือภาพรวมคร่าวๆ ขององค์ประกอบต่างๆ ของอินเทอร์เฟซตัวแก้ไข Gutenberg:

  1. ชื่อของโพสต์/หน้าบล็อกของคุณ
  2. พื้นที่เนื้อหาของโพสต์/หน้าของคุณ
  3. ให้คุณเพิ่มบล็อคใหม่
  4. ปุ่มเลิกทำ/ทำซ้ำ
  5. เข้าถึงการตั้งค่าโพสต์ที่คุณสามารถเพิ่มหมวดหมู่ เปลี่ยนรูปภาพเด่น กำหนดวันที่เผยแพร่ และอื่นๆ
  6. การตั้งค่าสำหรับแต่ละบล็อกที่เลือก แต่ละบล็อกอาจมีการตั้งค่าบล็อกที่แตกต่างกัน
  7. ดูตัวอย่างแบบสดหรือเผยแพร่/อัปเดตโพสต์

เมื่อคุณคุ้นเคยกับอินเทอร์เฟซของตัวแก้ไขบล็อกแล้ว มาดูบล็อกที่มาพร้อมกับ Gutenberg กัน


บทนำสู่บล็อก

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

บล็อกประเภทต่างๆ ที่มีอยู่ใน Gutenberg ตามหมวดหมู่ต่างๆ มีดังนี้

บล็อก
  • บล็อกย่อหน้า
  • บล็อกหัวเรื่อง
  • บล็อกรูปภาพ
  • แกลลอรี่บล็อก
  • รายการบล็อก
  • บล็อกคำพูด
  • บล็อกเสียง
  • ปกบล็อก
  • บล็อกไฟล์
  • บล็อกวิดีโอ
  • บล็อก HTML ที่กำหนดเอง
  • บล็อกตาราง
  • โค้ดบล็อค
  • บล็อกคลาสสิก
  • บล็อกที่จัดรูปแบบไว้ล่วงหน้า
  • Pullquote บล็อก
  • กลอนกลอน
  • บล็อกคอลัมน์
  • บล็อกปุ่ม
  • สื่อและบล็อกข้อความ
  • บล็อกตัวแบ่งหน้า
  • บล็อกตัวแยก
  • Spacer Block
  • บล็อกรหัสย่อ
  • โพสต์ล่าสุด
  • บล็อกฝัง YouTube

บล็อกทั่วไป

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

บล็อกย่อหน้า

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

บล็อกย่อหน้า Gutenberg

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

บล็อกหัวเรื่อง

บล็อกหัวเรื่องช่วยให้คุณเพิ่มหัวข้อในเนื้อหาของคุณ คุณสามารถเลือกประเภทหัวเรื่องได้จากหกขนาด (H1 ถึง H6)

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

บล็อกรูปภาพ

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

บล็อกรูปภาพ Gutenberg

คุณสามารถเพิ่มคำอธิบายภาพ เปลี่ยนขนาดรูปภาพ เพิ่มข้อความ ALT และอื่นๆ ในบล็อกรูปภาพ

แกลลอรี่บล็อก

คุณสามารถสร้างแกลเลอรี่ที่สวยงามด้วยบล็อกแกลเลอรี ด้วยบล็อกนี้ คุณสามารถเพิ่มมากกว่าหนึ่งภาพในบล็อกเดียวกัน

Gutenberg Gallery Block

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

รายการบล็อก

บล็อกรายการช่วยให้คุณสร้างรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลขได้

บล็อกรายการ Gutenberg

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

บล็อกคำพูด

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

Gutenberg Quote Block

คุณสามารถเพิ่มใบเสนอราคาพร้อมกับชื่อผู้แต่งและจัดรูปแบบให้เหมือนกับบล็อกอื่นๆ

บล็อกเสียง

บล็อกเสียงช่วยให้คุณอัปโหลดไฟล์เสียงไปยังเนื้อหาของคุณได้ บล็อกแสดงเครื่องเล่นเสียงที่สวยงาม

Gutenberg Audio Block

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

ปกบล็อก

สามารถใช้บล็อกหน้าปกเพื่อเพิ่มรูปภาพหรือวิดีโอที่มีข้อความซ้อนทับได้

บล็อกปก Gutenberg

คุณสามารถเปลี่ยนสีพื้นหลังและความทึบของภาพซ้อนทับได้

บล็อกไฟล์

คุณสามารถเพิ่มไฟล์ประเภทต่างๆ ได้โดยใช้บล็อกไฟล์

Gutenberg File Block

บล็อกไฟล์ช่วยให้คุณแสดงปุ่ม เลือกเปิดไฟล์ในแท็บใหม่ และอื่นๆ

บล็อกวิดีโอ

บล็อกวิดีโอช่วยให้คุณอัปโหลดวิดีโอไปยังเนื้อหาของคุณได้

บล็อกวิดีโอ Gutenberg

คุณสามารถเล่นวิดีโออัตโนมัติ ปิดเสียง อัปโหลดภาพขนาดย่อของวิดีโอ และอื่นๆ

การจัดรูปแบบบล็อก

บล็อกการจัดรูปแบบประกอบด้วยบล็อกโค้ด บล็อก HTML ที่กำหนดเอง และบล็อกอื่นๆ ที่คล้ายคลึงกัน

มาดูบล็อกการจัดรูปแบบแต่ละบล็อกที่มีใน Gutenberg กัน

บล็อก HTML ที่กำหนดเอง

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

บล็อก HTML ที่กำหนดเอง

บล็อกตาราง

ตอนนี้คุณสามารถสร้างตารางใน WordPress ได้โดยไม่ต้องใช้ปลั๊กอิน

Gutenberg Table Block

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

โค้ดบล็อค

คุณสามารถแสดงตัวอย่างโค้ดที่สวยงามได้โดยใช้บล็อกโค้ด

Gutenberg Code Block

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

บล็อกคลาสสิก

คุณสามารถเพิ่มตัวแก้ไขแบบคลาสสิกขนาดเล็กได้โดยใช้บล็อกแบบคลาสสิก

Gutenberg Classic Block

บล็อกแบบคลาสสิกมีตัวเลือกการจัดรูปแบบทั้งหมดของตัวแก้ไขแบบคลาสสิก

บล็อกที่จัดรูปแบบไว้ล่วงหน้า

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

Gutenberg Preformated Block

จะแสดงข้อความในแบบอักษรโมโนสเปซ

Pullquote บล็อก

คุณสามารถเน้นข้อความใดๆ ในเนื้อหาของคุณโดยใช้บล็อก pullquote

Gutenberg Pullquote Block

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

กลอนกลอน

กลอนกลอนใช้เพื่อเขียนกลอนเช่นบทกวีหรือเนื้อเพลง

Gutenberg Verse Block

โองการจะแสดงในบรรทัดใหม่และคุณสามารถเขียนโองการได้มากเท่าที่คุณต้องการ

เค้าโครงองค์ประกอบบล็อก

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

นี่คือบล็อกองค์ประกอบเลย์เอาต์ใน Gutenberg:

บล็อกคอลัมน์

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

บล็อกคอลัมน์ Gutenberg

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

บล็อกปุ่ม

คุณสามารถเพิ่มปุ่มที่สวยงามให้กับโพสต์ของคุณโดยใช้บล็อคปุ่ม

บล็อกปุ่ม Guttenberg

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

สื่อและบล็อกข้อความ

บล็อกสื่อและข้อความสามารถใช้เพื่อแสดงข้อความและสื่อแบบเคียงข้างกัน

Gutenberg สื่อและบล็อกข้อความ

บล็อกนี้มีตัวเลือกการจัดรูปแบบมาตรฐานสำหรับข้อความและสื่อ

บล็อกตัวแบ่งหน้า

บล็อกตัวแบ่งหน้าช่วยให้คุณเพิ่มตัวแบ่งหน้าอย่างง่ายในเนื้อหาของคุณ

บล็อกตัวแยก

บล็อกตัวคั่นคือบล็อกง่ายๆ ที่ให้คุณเพิ่มตัวคั่นในโพสต์ของคุณ

Spacer Block

บล็อกนี้เพิ่มช่องว่างระหว่างบล็อก

บล็อกองค์ประกอบวิดเจ็ต

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

บล็อกรหัสย่อ

บล็อกรหัสย่อช่วยให้คุณเพิ่มรหัสย่อลงในเนื้อหาของคุณได้

บล็อกรหัสย่อ Gutenberg

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

โพสต์ล่าสุด

บล็อกโพสต์ล่าสุดช่วยให้คุณแสดงโพสต์ล่าสุดที่เผยแพร่บนบล็อกของคุณในโพสต์ของคุณ

Gutenberg บล็อกโพสต์ล่าสุด

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

ฝังองค์ประกอบ

องค์ประกอบการฝังช่วยให้คุณฝังเนื้อหาจากแหล่งอื่นไปยังโพสต์ของคุณได้

บล็อกองค์ประกอบการฝังบางรายการรวมถึงการฝัง YouTube, Spotify, SlideShare และอื่นๆ

บล็อกฝัง YouTube

บล็อกการฝัง YouTube ให้คุณฝังวิดีโอ YouTube ใดๆ ลงในเนื้อหาของคุณ

Gutenberg YouTube Embed Block

นี่คือบล็อกที่มาพร้อมกับ Gutenberg


แปลงโพสต์เก่าเป็นบล็อก

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

กระบวนการนี้ง่ายมากและเพียงไม่กี่คลิก

นี่คือวิธีที่คุณสามารถทำได้:

ไปที่ โพสต์ > โพสต์ทั้งหมด ในแดชบอร์ด WordPress ของคุณ

โพสต์ WordPress

คลิก 'แก้ไข' ในโพสต์ที่คุณต้องการแปลงเป็นบล็อก

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

แต่เนื้อหาทั้งหมดของคุณจะอยู่ใน 'Classic Block' ซึ่งเราได้กล่าวถึงในส่วนก่อนหน้านี้

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

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

หากต้องการแปลงบล็อกแบบคลาสสิกเป็นบล็อกเดี่ยว ให้คลิกที่ตัวเลือก 'แปลงเป็นบล็อก'

โพสต์ทั้งหมดของคุณจะถูกแปลงเป็นบล็อกเดี่ยว

และนั่นแหล่ะ!

การแปลงโพสต์เก่าของคุณเป็นบล็อกทำได้ง่าย

แต่แล้วการสร้างโพสต์ใหม่ด้วยอินเทอร์เฟซตัวแก้ไขบล็อกล่ะ

ลองมาดูกันว่า


กำลังแทรกบล็อกใหม่

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

หากต้องการเพิ่มอะไรลงในโพสต์ คุณต้องแทรกบล็อก

ต่อไปนี้คือวิธีต่างๆ ที่คุณสามารถแทรกบล็อกลงในโพสต์ของคุณใน Gutenberg

มีสามวิธีในการแทรกบล็อกและทั้งหมดนั้นค่อนข้างง่าย

อันแรกก็แค่คลิกที่เครื่องหมาย '+' ที่เครื่องมือแก้ไขโพสต์

คุณยังสามารถเพิ่มบล็อกใหม่ได้โดยคลิกที่เครื่องหมาย '+' บนแถบเครื่องมือด้านบน

และอันสุดท้ายสวยมาก เพียงพิมพ์ / ตามด้วยชื่อของบล็อกและแทรกบล็อกบนตัวแก้ไข

ใช้เครื่องหมายทับเพื่อเพิ่มบล็อกใหม่ใน Gutenberg

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


ทำซ้ำ ย้าย และลบบล็อก

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

เพียงเลือกบล็อกและเลือกสิ่งที่คุณต้องการจะทำ คุณสามารถทำซ้ำบล็อก ย้ายโดยเพียงแค่ลากหรือลบออก

นี่คือวิธีที่คุณสามารถทำได้

บล็อกที่ซ้ำกัน

บล็อกที่ซ้ำกันนั้นง่ายมาก

หากต้องการทำซ้ำบล็อก ให้เลือกบล็อกแล้วคลิกการตั้งค่า (จุดแนวตั้งสามจุด) ในการตั้งค่า จะมีตัวเลือกในการทำสำเนาบล็อก

คลิกที่มันและบล็อกของคุณจะถูกทำซ้ำ

บล็อกที่ซ้ำกันใน Gutenberg

คุณยังสามารถทำซ้ำบล็อกโดยเลือกบล็อกและใช้ปุ่มลัด Ctrl+Shift+D

ย้ายบล็อก

คุณสามารถย้ายบล็อกได้ด้วยการลากหรือเพียงแค่คลิกปุ่มขึ้นและลง

วางเมาส์เหนือบล็อกของคุณและทางด้านซ้าย คุณจะเห็นปุ่มขึ้นและลงสองปุ่มพร้อมปุ่มตรงกลาง

การคลิกที่ปุ่มขึ้น/ลงจะเป็นการเลื่อนบล็อกขึ้น/ลง หรือคุณสามารถคลิกที่ปุ่มตรงกลางลากบล็อกได้ทุกที่ที่คุณต้องการ

การถอดบล็อก

หากต้องการลบบล็อก ให้คลิกการตั้งค่าบล็อกและเลือกตัวเลือกลบบล็อก

การถอดบล็อกใน Gutenberg

คุณยังสามารถลบบล็อกได้โดยใช้ปุ่มลัด Shift+Alt+Z


การสร้างบล็อกที่นำกลับมาใช้ใหม่ได้

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

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

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

การสร้างบล็อกที่ใช้ซ้ำได้ใน Gutenberg

จากนั้น ตั้งชื่อให้กับบล็อกที่คุณกำลังบันทึกและคลิกปุ่มบันทึก

การตั้งชื่อบล็อคที่ใช้ซ้ำได้

การดำเนินการนี้จะบันทึกบล็อกของคุณในไลบรารีบล็อกของ Gutenberg

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

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


การเพิ่มบล็อคเพิ่มเติมให้กับตัวแก้ไขบล็อก

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

แต่ถ้าคุณต้องการก้าวไปอีกขั้นล่ะ?

โชคดีที่ตัวแก้ไขบล็อกช่วยให้นักพัฒนาพัฒนาบล็อกของตนเองได้ สิ่งนี้ทำให้นักพัฒนาซอฟต์แวร์สร้างปลั๊กอินบล็อก Gutenberg ที่ยอดเยี่ยมจริงๆ

หนึ่งในปลั๊กอินดังกล่าวคือ Ultimate Blocks

สุดยอดบล็อก

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

ลอง Ultimate Blocks

ปลั๊กอินมาพร้อมกับมากกว่า 15 บล็อก บล็อกเด่นบางส่วน ได้แก่ :

  • ตัวกรองเนื้อหา
  • ทบทวน
  • สารบัญ
  • คำกระตุ้นการตัดสินใจ
  • คลิกเพื่อทวีต
  • แบ่งปันทางสังคม
  • นับถอยหลัง

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


บทสรุป

สรุปคำแนะนำของเราเกี่ยวกับ WordPress Block Editor ฉันหวังว่าคู่มือนี้จะช่วยให้คุณเรียนรู้และเข้าใจ Gutenberg ได้ดีขึ้น

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

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