วิธีใช้เครื่องมือแก้ไขบล็อก WordPress ใหม่ (การสอน Gutenberg)

ใน WordPress 5.0 ตัวแก้ไขเนื้อหาแบบคลาสสิกถูกแทนที่ด้วยตัวแก้ไขบล็อกใหม่ล่าสุดที่รู้จักกันในชื่อกูเทนแบร์ก ตั้งแต่นั้นมาผู้อ่านของเราหลายคนขอให้เราสร้างแบบฝึกหัดที่ครอบคลุมเกี่ยวกับวิธีการใช้โปรแกรมแก้ไขบล็อก Gutenberg ใน WordPress.


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

การใช้เครื่องมือแก้ไขบล็อก WordPress ใหม่หรือที่รู้จักกันว่า Gutenberg

ความแตกต่างระหว่าง Editor Editor (Gutenberg) กับ Classic Editor คืออะไร?

ก่อนที่เราจะดำดิ่งลงสู่เครื่องมือแก้ไขใหม่ให้เปรียบเทียบและทำความเข้าใจกับความแตกต่างระหว่าง Gutenberg Block Editor และ Classic Editor ก่อน.

นี่คือสิ่งที่บรรณาธิการคลาสสิคใน WordPress มีลักษณะ:

บรรณาธิการ WordPress เก่า

หากคุณอัปเกรดเป็น WordPress 5.0 นี่คือสิ่งที่ตัวแก้ไขบล็อกใหม่ดูเหมือน:

ใหม่ WordPress Block Editor ที่รู้จักกันว่า Gutenberg

อย่างที่คุณเห็นพวกเขาเป็นบรรณาธิการสองคนที่ต่างกันอย่างสิ้นเชิงสำหรับการสร้างเนื้อหาใน WordPress.

ตัวแก้ไขแบบคลาสสิกเก่าเป็นตัวแก้ไขข้อความที่มีปุ่มการจัดรูปแบบคล้ายกับ Microsoft Word.

เครื่องมือแก้ไขใหม่ใช้วิธีการที่แตกต่างกันโดยสิ้นเชิงที่เรียกว่า “บล็อก” (ดังนั้นชื่อเครื่องมือแก้ไขบล็อค).

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

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

เครื่องมือแก้ไขบล็อก WordPress ใหม่ดีกว่าเครื่องมือแก้ไขแบบคลาสสิคอย่างไร?

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

ตัวอย่างเช่นก่อนหน้านี้หากคุณต้องการเพิ่มตารางในเนื้อหาของคุณคุณต้องใช้ปลั๊กอินตารางแยกต่างหาก.

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

บล็อกตาราง

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

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

นี่เป็นข้อได้เปรียบอย่างยิ่งสำหรับผู้เริ่มต้น WordPress ทุกคนที่เพิ่งเริ่มบล็อกแรกหรือสร้างเว็บไซต์ธุรกิจ DIY.

ดังที่ได้กล่าวมาลองดูวิธีการใช้เครื่องมือแก้ไขบล็อก WordPress ใหม่อย่างมืออาชีพเพื่อสร้างเนื้อหาที่ยอดเยี่ยม.

นี่คือสิ่งที่เราจะกล่าวถึงในบทช่วยสอนกูเทนแบร์กนี้:

  1. การใช้ Gutenberg – เครื่องมือแก้ไขบล็อก WordPress ใหม่
  2. การสร้างโพสต์บล็อกหรือหน้าใหม่
  3. วิธีเพิ่มบล็อกในกูเทนแบร์ก
  4. การทำงานกับบล็อกในเครื่องมือแก้ไขใหม่
  5. การบันทึกและการใช้บล็อกซ้ำใน Gutenberg
  6. การเผยแพร่และการตั้งค่าโพสต์ใน Gutenberg
  7. การตั้งค่าปลั๊กอินในเครื่องมือแก้ไขใหม่
  8. การเพิ่มบล็อกทั่วไปบางอย่างใน Gutenberg
  9. สำรวจบล็อกเนื้อหาใหม่ใน Gutenberg
  10. เคล็ดลับโบนัสในการใช้ Gutenberg อย่างมืออาชีพ
  11. การเพิ่มบล็อกมากขึ้นใน Gutenberg Block Editor
  12. คำถามที่พบบ่อยเกี่ยวกับ Gutenberg

พร้อมหรือยัง? มาดำน้ำกันเถอะ.

ใช้ Gutenberg – ตัวแก้ไขบล็อก WordPress ใหม่

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

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

การสร้างโพสต์บล็อกหรือเพจใหม่โดยใช้ตัวแก้ไขบล็อก

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

เพิ่มโพสต์ใหม่

จะเป็นการเปิดตัวแก้ไขบล็อกใหม่.

วิธีเพิ่มบล็อกในกูเทนแบร์ก

บล็อกแรกของทุกโพสต์หรือหน้าเป็นชื่อ.

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

การเพิ่มชื่อโพสต์ใน Gutenberg

โดยค่าเริ่มต้นบล็อกต่อไปคือบล็อกวรรค ทำให้ผู้ใช้สามารถเริ่มเขียนได้ทันที.

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

เพิ่มปุ่มบล็อกใหม่

คลิกที่ปุ่มจะแสดงเมนูเพิ่มบล็อกที่มีแถบค้นหาด้านบนและบล็อกที่ใช้กันทั่วไปด้านล่าง.

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

การค้นหาและการเพิ่มบล็อกใน Gutenberg

หากคุณไม่ต้องการใช้เมาส์คลิกปุ่มคุณสามารถใช้แป้นพิมพ์ลัดได้โดยพิมพ์ / เพื่อค้นหาและเพิ่มบล็อก.

การทำงานกับ Blocks ใน The New Editor

แต่ละบล็อกมาพร้อมกับแถบเครื่องมือของตัวเองซึ่งจะปรากฏที่ด้านบนของบล็อก ปุ่มในแถบเครื่องมือจะเปลี่ยนไปตามบล็อกที่คุณกำลังแก้ไข.

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

แต่ละบล็อกมาพร้อมกับแถบเครื่องมือของตัวเอง

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

บล็อกการตั้งค่า

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

ย้ายบล็อกขึ้นและลง

การบันทึกและการใช้ซ้ำบล็อกในกูเทนแบร์ก

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

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

บันทึกบล็อกเพื่อนำมาใช้ใหม่ในภายหลัง

คุณจะถูกขอให้ระบุชื่อสำหรับบล็อกที่ใช้ซ้ำได้นี้ ป้อนชื่อบล็อกของคุณจากนั้นคลิกที่ปุ่มบันทึก.

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

ตัวแก้ไขบล็อกจะบันทึกบล็อกเป็นบล็อกที่นำกลับมาใช้ใหม่ได้.

ตอนนี้คุณได้บันทึกบล็อกแล้วมาดูวิธีเพิ่มบล็อกที่นำกลับมาใช้ใหม่ในโพสต์และหน้าเว็บ WordPress อื่น ๆ บนไซต์ของคุณ.

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

คุณจะพบบล็อกที่บันทึกไว้ในแท็บ “นำมาใช้ซ้ำ” คุณสามารถค้นหาได้โดยพิมพ์ชื่อในแถบค้นหา.

แทรกบล็อกที่ใช้ซ้ำได้

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

บล็อกที่นำกลับมาใช้ใหม่ทั้งหมดจะถูกเก็บไว้ในฐานข้อมูล WordPress ของคุณและคุณสามารถจัดการได้โดยคลิกที่ลิงก์ ‘จัดการบล็อกที่นำมาใช้ซ้ำได้ทั้งหมด’.

จัดการบล็อกที่ใช้ซ้ำได้ของคุณ

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

นำเข้าบล็อกการส่งออกนำมาใช้ใหม่ใน WordPress

ตัวเลือกการเผยแพร่และการจัดการใน Gutenberg Block Editor

โพสต์ WordPress แต่ละโพสต์มีข้อมูลเมตามากมาย ซึ่งรวมถึงข้อมูลเช่นวันที่เผยแพร่หมวดหมู่และแท็กรูปภาพเด่นและอื่น ๆ.

ตัวเลือกเหล่านี้ทั้งหมดจะถูกวางไว้อย่างเรียบร้อยในคอลัมน์ด้านขวาบนหน้าจอแก้ไข.

การตั้งค่าเอกสารใน Gutenberg เครื่องมือแก้ไข WordPress ใหม่

ตัวเลือกปลั๊กอินในกูเทนแบร์ก

ปลั๊กอิน WordPress สามารถใช้ประโยชน์จาก API ของเครื่องมือแก้ไขบล็อกเพื่อรวมการตั้งค่าของตนเองภายในหน้าจอแก้ไข.

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

WPForms บล็อกในตัวแก้ไข Gutenberg ใหม่

นี่คือวิธีที่ Yoast SEO อนุญาตให้คุณแก้ไขการตั้งค่า SEO ในเครื่องมือแก้ไขใหม่:

การตั้งค่า SEO ของ Yoast ในเครื่องมือแก้ไข Gutenberg ใหม่

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

บล็อกผลิตภัณฑ์ WooCommerce

การเพิ่มบล็อกทั่วไปบางอย่างในเครื่องมือแก้ไขใหม่

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

1. การเพิ่มรูปภาพในเครื่องมือแก้ไข WordPress ใหม่

มีบล็อกรูปภาพพร้อมใช้ในตัวแก้ไข WordPress ใหม่ เพียงเพิ่มบล็อกแล้วอัปโหลดไฟล์รูปภาพหรือเลือกจากไลบรารีสื่อ.

บล็อกรูปภาพในตัวแก้ไข WordPress ใหม่

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

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

การตั้งค่าบล็อกรูปภาพ

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

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

บล็อคข้อความที่ใช้กันทั่วไปอื่น ๆ ทั้งหมดยังมีปุ่มลิงค์ในแถบเครื่องมือ.

ปุ่มลิงค์ในบล็อครายการ

คุณยังสามารถแทรกลิงก์โดยใช้แป้นพิมพ์ลัดซึ่งเป็น Command + K สำหรับ Mac และ CTRL + K บนคอมพิวเตอร์ Windows.

3. การเพิ่มแกลเลอรี่ภาพใน Gutenberg

บล็อกแกลเลอรี่ทำงานเหมือนบล็อกรูปภาพ คุณเพิ่มแล้วอัปโหลดหรือเลือกไฟล์ภาพ.

การเพิ่มแกลเลอรี่ภาพในตัวแก้ไข WordPress ใหม่

4. การเพิ่มรหัสย่อในโพสต์ WordPress โดยใช้ Gutenberg

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

การเพิ่มบล็อกย่อ

สำรวจบล็อกเนื้อหาใหม่บางส่วนในกูเทนแบร์ก

บรรณาธิการ Gutenberg สัญญาว่าจะแก้ปัญหาการใช้งานที่ยาวนานใน WordPress โดยการแนะนำบล็อกใหม่บางอย่าง.

ต่อไปนี้เป็นรายการโปรดบางส่วนที่เราเชื่อว่าผู้ใช้จะได้รับประโยชน์อย่างมาก.

1. การเพิ่มรูปภาพถัดจากข้อความใน WordPress

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

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

บล็อกง่าย ๆ นี้มาพร้อมกับบล็อกสองบล็อกที่วางเคียงข้างกันช่วยให้คุณสามารถเพิ่มรูปภาพและเพิ่มข้อความข้างๆ.

2. การเพิ่มปุ่มในโพสต์และหน้าของ WordPress

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

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

การเพิ่มบล็อกปุ่มใน Gutenberg

คุณสามารถเพิ่มลิงค์สำหรับปุ่มของคุณเปลี่ยนสีและเลือกจากรูปแบบปุ่มสามแบบ.

3. การเพิ่มภาพหน้าปกที่สวยงามในบล็อกโพสต์และหน้า Landing Page

คุณสมบัติเจ๋ง ๆ อีกอย่างที่คุณอาจต้องการลองคือบล็อก ‘Cover’ ซึ่งช่วยให้คุณเพิ่มภาพหน้าปกในโพสต์และหน้าของคุณ.

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

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

บล็อกภาพหน้าปกในเครื่องมือแก้ไข Gutenberg

4. การสร้างตารางภายในบทความ

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

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

บล็อกตาราง

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

5. การสร้างเนื้อหาหลายคอลัมน์

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

เนื้อหาหลายคอลัมน์

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

เคล็ดลับโบนัสในการใช้ Gutenberg อย่างมืออาชีพ

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

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

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

สำหรับผู้ใช้ระดับสูงนี่คือเคล็ดลับโบนัสที่จะช่วยให้คุณทำงานได้เร็วขึ้นด้วยเครื่องมือแก้ไข WordPress ใหม่.

1. ย้ายแถบเครื่องมือบล็อกไปด้านบน.

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

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

ย้ายแถบเครื่องมือบล็อกไปที่ด้านบนของตัวแก้ไข

2. ใช้แป้นพิมพ์ลัด

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

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

สำหรับทางลัดเพิ่มเติมให้คลิกที่เมนูสามจุดที่มุมขวาบนของหน้าจอแล้วเลือก ‘แป้นพิมพ์ลัด’.

เปิดใช้แป้นพิมพ์ลัด

วิธีนี้จะทำให้ป๊อปอัปปรากฏขึ้นพร้อมกับรายการแป้นพิมพ์ลัดทั้งหมดที่คุณสามารถใช้ได้ รายการจะมีทางลัดที่แตกต่างกันสำหรับผู้ใช้ Windows และ Mac.

3. ลากและวางสื่อเพื่อสร้างบล็อกสื่อโดยอัตโนมัติ

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

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

ลากและวางบล็อคของแกลเลอรี่ในเครื่องมือแก้ไข WordPress ใหม่

4. การเพิ่ม YouTube, Twitter, Facebook, Vimeo และการฝังอื่น ๆ

Gutenberg แนะนำบล็อกฝังตัวใหม่ให้กับเครื่องมือแก้ไขบล็อก มีบล็อกสำหรับประเภทการฝังที่สนับสนุนทั้งหมดรวมถึง YouTube, Twitter, Facebook และอื่น ๆ.

บล็อกฝัง

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

ตัวอย่างเช่นหากคุณเพิ่ม URL วิดีโอ YouTube มันจะสร้างบล็อกฝัง YouTube โดยอัตโนมัติและแสดงวิดีโอ.

ฝัง YouTube

การเพิ่มบล็อคเพิ่มเติมไปยัง Gutenberg Block Editor ใน WordPress

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

นี่คือบางส่วนของพวกเขา:

1. Gutenberg ขั้นสูง

Gutenberg ขั้นสูง

Advanced Gutenberg มาพร้อมกับบล็อกจำนวนมากสำหรับองค์ประกอบเนื้อหายอดนิยมเช่นตัวเลื่อนผลิตภัณฑ์ WooCommerce ข้อความรับรองแผนที่เคาน์เตอร์แท็บหีบเพลงและอื่น ๆ.

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

2. วางซ้อนกันได้ – บล็อก Gutenberg

วางซ้อนกันได้ - บล็อก Gutenberg

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

3. ตัวแก้ไขบล็อก

ตัวแก้ไขบล็อกสำหรับ Gutenberg

Editor Blocks เป็นคอลเล็กชั่นบล็อก Gutenberg ที่คุณสามารถใช้ได้ มันมาพร้อมกับบล็อกที่มีประโยชน์เช่นโปรไฟล์ผู้แต่งภาพฮีโร่ตารางการกำหนดราคาแบรนด์คุณลักษณะและอื่น ๆ.

คำถามที่พบบ่อยเกี่ยวกับ Gutenberg ตัวแก้ไขบล็อกใหม่ใน WordPress

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

1. จะเกิดอะไรขึ้นกับโพสต์และหน้าเก่าของฉัน ฉันยังสามารถแก้ไขได้ไหม?

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

การแก้ไขบทความเก่าในเครื่องมือแก้ไข WordPress ใหม่

คุณสามารถแก้ไขได้ภายในเอดิเตอร์เก่าหรือคุณสามารถแปลงบทความเก่าเป็นบล็อกและใช้เครื่องมือแก้ไขบล็อกใหม่.

2. ฉันสามารถใช้ตัวแก้ไขเก่า ๆ ต่อไปได้ไหม?

ใช่คุณยังคงสามารถใช้เครื่องมือแก้ไขเดิมได้ เพียงติดตั้งและเปิดใช้งานปลั๊กอินตัวแก้ไขแบบคลาสสิก.

เมื่อเปิดใช้งานมันจะปิดการใช้งานเครื่องมือแก้ไขบล็อกและคุณจะสามารถใช้เครื่องมือแก้ไขแบบดั้งเดิมต่อไปได้.

โปรดทราบว่า Classic Editor จะรองรับจนถึง 2022.

3. จะทำอย่างไรถ้าตัวแก้ไขใหม่ไม่ทำงานกับปลั๊กอินหรือชุดรูปแบบที่ฉันใช้?

โครงการกูเทนแบร์กอยู่ระหว่างการพัฒนาเป็นเวลานาน สิ่งนี้ทำให้ผู้เขียนปลั๊กอินและธีมมีเวลาเหลือเฟือที่จะทดสอบโค้ดเพื่อความเข้ากันได้.

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

4. วิธีการเรียนรู้เคล็ดลับและเทคนิค Gutenberg เพิ่มเติม?

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

เราจะเผยแพร่บทความใหม่และอัปเดตทรัพยากรเก่าของเราเพื่อช่วยให้คุณเชี่ยวชาญการแก้ไขบล็อกใหม่.

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map