คุณต้องการเพิ่มช่องว่างหรือ ส่วนย่อย เยื้องบน 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
สรุป
ที่นี่! สำหรับบทช่วยสอนนี้ฉันหวังว่ามันจะช่วยให้คุณสามารถจัดระเบียบการเยื้องบทความของคุณได้ดีขึ้น อย่าลังเลที่จะ แบ่งปันเคล็ดลับกับเพื่อนของคุณบนเครือข่ายสังคมของคุณ.
หากคุณมีข้อเสนอแนะหรือข้อสังเกตพวกเขาจะได้รับการต้อนรับ เราขอเชิญคุณให้ปรึกษาเรา แหล่งข้อมูลถ้าคุณเป็นผู้เริ่มต้น.
...
บทความ p {ข้อความเส้นประ: 60 px; }
สตริงที่ทำให้ฉันมีข้อผิดพลาด
บริการตรวจสอบความถูกต้องยังให้ข้อผิดพลาด "60px; } "
เราควรแก้ไขอย่างไร
งานที่ดี