เคล็ดลับที่จะช่วยให้คุณดำเนินการโครงการต่างๆ ด้วย WordPress Gutenberg Block Editor

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

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

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

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

ใช้ประโยชน์จากแป้นพิมพ์ลัด

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

มีแป้นพิมพ์ลัดที่จะแสดงหน้าจอ (คุณเดาได้) แป้นพิมพ์ลัดที่มีอยู่ทั้งหมด: Shift + Alt + H

ท่ามกลางไฮไลท์:

บล็อกที่เลือกซ้ำ - Ctrl + Shift + D

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

แทรกบล็อกใหม่ก่อน Ctrl + Alt + T หรือหลังบล็อกที่เลือก Ctrl + Alt + Y

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

บันทึกการเปลี่ยนแปลงของคุณ Ctrl + S

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

เลิกทำการเปลี่ยนแปลงล่าสุดของคุณ Ctrl + Z

เดสก์ท็อปที่ชื่นชอบอีกเครื่องหนึ่งเครื่องนี้จะลบช่วงเวลา "อ๊ะ" ที่ผ่านมา

เลือกและย้ายหลายบล็อก

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

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

จากที่นั่น คุณสามารถใช้ลูกศรขึ้นหรือลงภายในกล่องโต้ตอบเพื่อย้ายการเลือกของคุณ สำหรับการเคลื่อนไหวครั้งใหญ่ คุณยังสามารถคลิกที่ปุ่มลากบล็อค ("จุด" หกจุดทางด้านซ้ายของลูกศรขึ้น/ลง)

แทนที่เนื้อหาของหน้าผ่านตัวแก้ไขโค้ด

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

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

1. สร้างหน้าใหม่ที่ใช้ตัวแก้ไขบล็อก จากนั้นสร้างหน้าให้เหมาะกับความต้องการของคุณ

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

ในหน้าใหม่ของคุณ ให้เปิด แผงตัวเลือก (ไอคอนสามจุดที่ด้านบนขวาของหน้าจอ) และเลือก " ตัว แก้ไขโค้ด ” คุณยังสามารถใช้แป้นพิมพ์ลัด: Ctrl + Shift + Alt + M

คลิกเข้าไปในตัวแก้ไขโค้ด จากนั้นเลือกเนื้อหาทั้งหมด ( Ctrl + A ) และคัดลอก ( Ctrl + C ) คุณอาจต้องการวางโค้ดลงในโปรแกรมแก้ไขข้อความเพื่อความปลอดภัย

3. ถัดไป เปิดหน้าที่มีอยู่ของคุณ (หน้าที่คุณต้องการแทนที่) ตรวจสอบให้แน่ใจว่ากำลังใช้เครื่องมือแก้ไขบล็อก (หากคุณใช้ปลั๊กอิน Classic Editor คุณอาจต้องคลิกลิงก์ "สลับไปยังตัวแก้ไขบล็อก" ที่ด้านขวาของหน้าจอ)

4. เช่นเดียวกับในขั้นตอนที่ 2 ด้านบน ให้เปิดตัวแก้ไขโค้ด ลบเนื้อหาทั้งหมดบนหน้าที่มีอยู่ของคุณและวางเนื้อหา ( Ctrl + P ) จากหน้าใหม่ที่คุณสร้างไว้ก่อนหน้านี้

5. คลิกปุ่ม อัปเดต และเค้าโครงหน้าใหม่ของคุณจะพร้อมใช้งาน!

เลือกบล็อกที่ซ้อนกันได้อย่างง่ายดาย

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

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

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

หรือคุณสามารถใช้ “ มุมมองรายการ ” (ไอคอน “แฮมเบอร์เกอร์” ออฟเซ็ตที่ด้านบนซ้ายของหน้าจอ) เพื่อดูรายการบล็อกทั้งหมดที่ใช้ในหน้าเว็บ ค้นหาสิ่งที่คุณต้องการแก้ไขและคลิกที่มัน ง่าย!

มีความเชี่ยวชาญมากขึ้นด้วย Block Editor

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

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

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