วิธีการเยื้องย่อหน้าบน WordPress

คุณต้องการเพิ่มช่องว่างหรือ ส่วนย่อย เยื้องบน WordPress? คุณต้องการเยื้องย่อหน้าบน WordPress หรือไม่?

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

ในบทช่วยสอนนี้เราจะแสดงวิธีเยื้อง อย่างง่ายดาย ย่อหน้าบน WordPress

วิธีที่ 1: ใช้ปุ่มเยื้องข้อความในโปรแกรมแก้ไขภาพ 

โดยค่าเริ่มต้นส่วนใหญ่ ธีม WordPress แสดงย่อหน้าที่ถูกต้องทางด้านซ้ายหรือขวาสำหรับภาษาจากขวาไปซ้าย

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

ในกรณีที่คุณต้องการเยื้องมากกว่าหนึ่งย่อหน้าคุณต้องเลือกย่อหน้าเหล่านั้นจากนั้นคลิกที่ปุ่ม เพิ่มการเยื้อง.

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

คุณสามารถลดการถอนได้โดยคลิกที่ปุ่ม ลดการเยื้อง. 

เราขอเชิญคุณก่อนที่จะค้นพบต่อไป วิธีใช้เครื่องมือแก้ไข Gutenberg สำหรับ WordPress 5.0: ส่วนที่ XNUMX

วิธีที่ 2: การเยื้องด้วยตนเอง ย่อหน้าโดยใช้โปรแกรมแก้ไขข้อความ

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

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

ข้อความย่อหน้าของคุณอยู่ที่นี่ ...

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

ดังนั้นหากคุณเยื้องบ่อยพอนี่ไม่ใช่ทางออกที่ดี

ค้นหาคำแนะนำของเรา วิธีการเขียน (เขียน) วรรคที่ดีในบล็อกของคุณ 

วิธีที่ 3: เยื้องเฉพาะบรรทัดแรกของย่อหน้า

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

แม้แต่ใน WordPress เมื่อคุณเยื้องย่อหน้าช่องว่างจะถูกเพิ่มลงในย่อหน้าทั้งหมด

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

ไปที่ " ลักษณะที่ปรากฏ> ปรับแต่ง เพื่อเปิดตัว " Customizer ของธีม WordPress คลิกที่ " CSS เพิ่มเติม '

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

p.custom เยื้อง {text เยื้อง: 60px; }

ค้นพบยังของเรา บทช่วยสอน: วิธีการฝึกฝน WordPress Visual Editor

โค้ด CSS นี้บอกเบราว์เซอร์ว่าถ้าย่อหน้ามีคลาส ".custom-indent" ก็จะเพิ่มการเยื้อง 60px

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

ข้อความย่อหน้าของคุณอยู่ที่นี่ ...

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

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

หน้าบทความ {text เยื้อง: 60px; }

โค้ด CSS นี้จะเพิ่มการเยื้องในบรรทัดแรกของย่อหน้าทั้งหมดในโพสต์หรือหน้า WordPress โดยอัตโนมัติ

ค้นพบก่อนออกเดินทางด้วย วิธีการเพิ่มภาพสไตล์เพื่อการแก้ไข WordPress

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

1 ดินสอสีเหลือง: ตัวแก้ไข CSS สไตล์ภาพ

Yellow Pencil เป็นโปรแกรมแก้ไขรูปแบบภาพที่คุณสามารถใช้กับธีมใดก็ได้เพื่อปรับแต่งเว็บไซต์ของคุณในไม่กี่นาที (แบบอักษรสีภาพเคลื่อนไหวและอื่น ๆ ... )

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 JS และ CSS แบบกำหนดเองได้ง่าย 

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

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 JS และ CSS ที่กำหนดเองสำหรับ Gutenberg

ปลั๊กอิน WordPress Custom JS และ CSS สำหรับ Gutenberg จะช่วยให้คุณสามารถเพิ่มสไตล์ที่กำหนดเองได้ไม่ จำกัด จำนวนลงในตัวแก้ไข WYSIWYG สำหรับบทความและหน้า WordPress ของคุณ เข้ากันได้กับ WordPress เวอร์ชัน Gutenberg อย่างสมบูรณ์

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

ค้นพบแหล่งข้อมูลแนะนำอื่น ๆ ที่จะช่วยคุณได้ ควบคุมโปรแกรมแก้ไขข้อความภาพของคุณได้ดียิ่งขึ้น  

• สิ่งที่คาดหวังจาก Gutenberg ตัวแก้ไข WordPress ใหม่  
• วิธีใช้เครื่องมือแก้ไข Gutenberg สำหรับ WordPress 5.0: ส่วนที่ XNUMX 
• วิธีเพิ่มคุณสมบัติให้กับ WordPress Visual Editor

สรุป

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

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

...