วิธีใช้ WordPress Group Block

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

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

ไปกันเถอะ!

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

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

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

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

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

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

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

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

การตั้งค่าแถบเครื่องมือ

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

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

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

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

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

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

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

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

ตัวเลือกเพิ่มเติม

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

กลุ่ม บล็อกมีการตั้งค่าที่เปลี่ยนรูปแบบของชุดของคุณ (1) ปรับเปลี่ยนสี (2) และเพิ่มช่องว่างภายในระหว่างเส้นขอบและองค์ประกอบภายใน (3):

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

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

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

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

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

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

1. ปรับแต่งชุดบล็อกด้วยการตั้งค่าที่คล้ายกัน
2. การย้ายบล็อกที่เลือกไว้ภายในโพสต์หรือเลย์เอาต์ของเพจโดยที่ยังคงไว้ด้วยกัน
3. บันทึกชุดบล็อกเพื่อใช้ซ้ำในโพสต์หรือหน้าอื่นในภายหลัง

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

คำถามที่พบบ่อยเกี่ยวกับกลุ่ม Block

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

ฉันสามารถจัดกลุ่มบล็อก WordPress ใด ๆ เข้าด้วยกันได้หรือไม่

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

ฉันสามารถแก้ไขแต่ละบล็อกภายในกลุ่มได้หรือไม่

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

Group Blocks เหมือนกับองค์ประกอบที่นำกลับมาใช้ใหม่ได้หรือไม่

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

บทสรุป

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

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

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

ภาพเด่นผ่าน Alphavector / shutterstock.com