บทช่วยสอน WordPress Gutenberg: วิธีใช้ตัวแก้ไขใหม่

หากคุณใช้WordPressมาสองสามปีแล้ว คุณจะจำได้ว่าเมื่อคนในWordPressเปิดตัวโปรแกรมแก้ไขGutenberg ใน (Gutenberg)WordPress 5.0ย้อนกลับไปในปี 2018

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

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

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

สิ่งที่คาดหวังในWordPress Gutenberg

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

  • ย่อหน้า
  • หัวข้อ
  • ภาพ
  • รายการ
  • อ้าง
  • รหัส
  • จัดรูปแบบล่วงหน้า
  • Pullquote
  • ตาราง

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

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

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

ก่อนที่เราจะไปที่บล็อกเหล่านี้ มาเริ่มกันตั้งแต่ต้นและสร้างโพสต์ใหม่โดยใช้GutenbergในWordPress .

การสร้างโพสต์และเพิ่มบล็อก

การเพิ่มโพสต์ยังคงไม่เปลี่ยนแปลงจาก WordPress(WordPress)เวอร์ชันล่าสุด เพียง(Just)เลือกโพสต์(Posts)จากแถบนำทางด้านซ้าย แล้วเลือกเพิ่มใหม่(Add New)ใต้  โพสต์

ซึ่งจะเปิดหน้าต่างแก้ไขบทความ นี่คือที่ที่ทุกอย่างแตกต่างกัน คุณจะเห็นตัวแก้ไข  Gutenberg WordPress เริ่มต้น(Gutenberg WordPress)

การ เพิ่มรายการบล็อก(Block Items)ในGutenberg Editor

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

บล็อกย่อหน้า(Paragraph Blocks)

บล็อกแรกที่คนส่วนใหญ่เพิ่มหลังจากชื่อคือบล็อกย่อหน้า เมื่อต้องการทำเช่นนี้ เลือกย่อหน้า(Paragraph)จากหน้าต่างป๊อปอัป 

การดำเนินการนี้จะแทรกช่องบล็อกซึ่งคุณสามารถเริ่มพิมพ์ย่อหน้าแรกของโพสต์ได้ การจัดรูปแบบสำหรับบล็อกย่อหน้า จะ (Paragraph)ใช้แบบอักษรเริ่มต้น(the default font)สำหรับบล็อกย่อหน้าในไซต์ของคุณ 

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

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

บล็อกรูปภาพ(Image Blocks)

หากคุณเลือก บล็อก รูปภาพ(Image)คุณจะเห็น กล่อง รูปภาพ(Image)ที่คุณสามารถเลือก ปุ่ม อัป(Upload)โหลดเพื่ออัปโหลดรูปภาพจากคอมพิวเตอร์ไปยังโพสต์ของคุณ เลือก ลิงก์ ไลบรารีสื่อ(Media Library)เพื่อใช้รูปภาพจากไลบรารีสื่อที่มีอยู่ของคุณ หรือแทรกจาก URL(Insert from URL)เพื่อลิงก์ไปยังรูปภาพจากไซต์อื่น

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

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

รายการบล็อก(List Blocks)

เมื่อคุณเพิ่มบล็อกใหม่และเลือกรายการ(List) บล็อก ดังกล่าวจะแทรกบล็อกรายการ ณ จุดนั้นในบทความ

มันจะแสดงสัญลักษณ์แสดงหัวข้อย่อยหนึ่งรายการ แต่เมื่อคุณพิมพ์และกดEnterแต่ละสัญลักษณ์แสดงหัวข้อย่อยใหม่จะปรากฏขึ้นตามที่คุณต้องการ

การจัดรูปแบบรายการยังเป็นไปตามรูปแบบและขนาดแบบอักษรตามที่กำหนดโดยธีมของคุณ(your theme)ดังนั้นอย่าแปลกใจถ้าแบบอักษรในรายการของคุณดูแตกต่างจากบล็อกย่อหน้าของคุณ

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

บล็อกอื่นๆ(Other Blocks)

หากคุณต้องการดูบล็อคทั้งหมดที่มี ให้เลือก+เพื่อเพิ่มบล็อก จากนั้นเลือกเรียกดูทั้งหมด(Browse all)เพื่อดูรายการทั้งหมด

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

  • โต๊ะ
  • ไฟล์และสื่อ
  • วิดีโอ
  • แท็ก "เพิ่มเติม"
  • ตัวแบ่งหน้าและตัวคั่น
  • วิดเจ็ต เช่น ไอคอนโซเชียล แท็กคลาวด์ปฏิทิน(calendar)และวิดเจ็ตปลั๊กอิน WordPress
  • ฝัง(Embed)โค้ดสำหรับไซต์โซเชียล เว็บไซต์สื่อ เช่นYouTubeและSpotifyและอื่นๆ

คุณสมบัติ Gutenberg อื่น ๆ

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

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

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

ทุกครั้งที่คุณเลือกลูกศร ลูกศรจะเลื่อนตำแหน่งนั้นไปในทิศทางใดก็ตามที่คุณเลือก

การใช้Glutenberg EditorในWordPress

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

ไอคอนอื่นๆ ในเมนูนี้ช่วยให้คุณเข้าถึงคุณลักษณะอื่นๆของGutenberg ได้อย่างรวดเร็ว(Gutenberg)

  • ไอคอน แก้ไข(Edit)ปากกาช่วยให้คุณสลับไปยังโหมดการเลือกเพื่อเลือกบล็อกได้ง่ายขึ้น ดับเบิลคลิก(Double-click)ที่บล็อกเพื่อกลับไปยังโหมดแก้ไข(Edit)
  • ไอคอน เลิกทำ(Undo)หรือทำซ้ำ(Redo) (ลูกศรโค้งซ้ายและขวา) จะเลิกทำหรือทำซ้ำการแก้ไขล่าสุดของคุณ
  • ไอคอน i(i) ( รายละเอียด) จะแสดงจำนวนอักขระ คำ หัวเรื่อง ย่อหน้า และบล็อกในโพสต์ของคุณ
  • ไอคอน เค้าร่าง(Outline)ช่วยให้คุณนำทางไปยังบล็อคในโพสต์ของคุณได้อย่างรวดเร็วโดยพิจารณาจากลำดับในโครงร่างโพสต์ของคุณ

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



About the author

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



Related posts