ข้ามไปยังเนื้อหาหลัก

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

Divi: ธีม WordPress ที่ใช้ง่ายที่สุด

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

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

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

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

เยื้องย่อหน้าบน WordPress

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

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

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

ย่อหน้าเยื้องบน wordpress

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

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

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

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

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

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

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

Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62 [แนะนำ]

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

เยื้องย่อหน้าด้วยตนเองบน wordpress

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

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

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

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

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

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

ตัวอย่างการเยื้องย่อหน้า

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

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

wordpress ปรับแต่ง css เพิ่มเติม

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

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

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

คุณกำลังมองหาธีมและปลั๊กอิน WordPress ที่ดีที่สุดหรือไม่?

ดาวน์โหลดปลั๊กอินและธีม WordPress ที่ดีที่สุดใน Envato และสามารถสร้างเว็บไซต์ของคุณได้ง่ายๆ ดาวน์โหลดมากกว่า 49.720.000 [EXCLUSIVE]

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

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

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

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

เว้นวรรคหน้าย่อหน้า

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

สร้างร้านค้าออนไลน์ได้อย่างง่ายดาย

ดาวน์โหลดฟรี WooCommerce ปลั๊กอินอีคอมเมิร์ซที่ดีที่สุดในการขายผลิตภัณฑ์ทางกายภาพและดิจิทัลของคุณบน WordPress [แนะนำ]

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

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

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

สรุป

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

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

... 

บทความนี้มีความคิดเห็น 1

  1. บทความ p {ข้อความเส้นประ: 60 px; }
    สตริงที่ทำให้ฉันมีข้อผิดพลาด
    บริการตรวจสอบความถูกต้องยังให้ข้อผิดพลาด "60px; } "
    เราควรแก้ไขอย่างไร
    งานที่ดี

แสดงความคิดเห็น

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

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

กลับไปด้านบน
17 หุ้น
หุ้น14
ทวีต1
Enregistrer2