วิธีปรับระยะห่างบรรทัดในบทความ โดยไม่ต้องเขียนโค้ด

add spacer

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

วิธีปรับระยะห่างบรรทัด

1. คลิกที่ปุ่ม Add block ดังรูป

image 5

2. จากนั้นพิมพ์คำว่า spacer ในช่อง “Search for a block” ดังรูป
** สำหรับท่านที่ใช้เว็บรูปแบบภาษาไทย ให้พิมพ์ว่า ระยะห่าง ในช่อง “ค้นหาบล็อก” ค่ะ

image

3. ระบบจะแสดงบล็อกชื่อ Spacer ขึ้นมา ให้คลิกที่ บล็อก Spacer ดังรูป

image 1

4. บล็อก Spacer จะมีหน้าตาดังรูปด้านล่างค่ะ
โดยตัวบล็อกจะมีจุดกลมๆ สีฟ้า ที่ใช้สำหรับปรับระยะห่างบรรทัดค่ะ

image 2

5. วิธีการปรับระยะห่างบรรทัด สามารถทำได้ 2 แบบ คือ

  1. ปรับที่จุดกลมๆ สีฟ้า โดยเลื่อนเม้าส์ไปใกล้ๆ จุดสีฟ้า แล้วคลิกค้างเลื่อนขึ้น-ลง ให้ได้ระยะห่างที่ต้องการ ดังรูป
  2. ปรับที่หัวข้อ Spacer Settings ที่อยู่ขวามือ โดยกำหนดระยะห่างที่ต้องการในช่อง Height in pixels ดังรูป
image 3

6. เมื่อปรับระยะห่างเสร็จแล้ว ให้เลื่อนบล็อก spacer ไปไว้ยังตำแหน่งที่ต้องการให้มีระยะห่างบรรทัด (จะทำก่อนปรับ หรือ หลังปรับก็ได้ค่ะ) โดยคลิกที่ลูกศรข้างบล็อก ดังรูป

image 4