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

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

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

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

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

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

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

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

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

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

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

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

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

<p style="padding-left:25px;">Your paragraph text goes here...</p>

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

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

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

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

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

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

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

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

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

p.custom-indent { 
text-indent:60px;
}

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

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

จากนั้นคุณสามารถแก้ไขบทความของคุณในโปรแกรมแก้ไขข้อความ จากนั้นล้อมรอบข้อความของคุณด้วยแท็ก <p class = "custom-indent"> et </p> ดังต่อไปนี้:

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

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

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

article p { 
text-indent:60px;
}

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

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

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

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

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

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

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

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

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

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

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

2 ตอบสนองต่อ Google Maps

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

การติดตั้ง WordPress ปลั๊กอิน Google Map ที่ตอบสนองs ง่ายและสะดวก ไม่จำเป็นต้องใช้รหัสย่อที่ซับซ้อนยาว. ในทำนองเดียวกันการสร้างแผนที่เป็นเรื่องง่ายในการเพิ่มสถานที่อย่างรวดเร็วด้วยเหตุนี้คุณเพียงแค่คัดลอกรหัสย่อในหน้าที่คุณต้องการแสดงแผนที่เท่านี้ก็เสร็จสิ้น!

อ่าน วิธีแสดงตำแหน่งของสมาชิก WP community ของคุณบน Google Map

คุณสมบัติอื่น ๆ ของมันคือ:arte ตอบสนอง, pสถานที่หลายแห่งบนแผนที่เดียวกันหน้าหลายใบต่อหน้าความเป็นไปได้ของดาวน์โหลดเครื่องหมายของคุณเอง มุมมองแบบเต็มหน้าจอ, d สนับสนุนแผนที่ประเภทต่าง ๆ (แผนที่ถนน, ดาวเทียม, ไฮบริดและภูมิประเทศ), zoom อัตโนมัติความสามารถในการปรับแต่งทีไปจากแผนที่ et อื่น ๆ อีกมากมาย ...

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

ค้นพบเพิ่มเติม บริการสารสนเทศ คำแนะนำที่จะช่วยคุณ ควบคุมโปรแกรมแก้ไขข้อความภาพของคุณได้ดียิ่งขึ้น  

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

สรุป

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

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

...