Cách dễ dàng thụt lề đoạn văn trong WordPress

Nội dung bài viết

Bạn có muốn thêm khoảng trắng hoặc thụt lề đoạn văn trong WordPress không? Mặc dù hầu hết văn bản của bạn được căn trái, nhưng trong một số trường hợp, bạn có thể muốn thụt lề đoạn văn để cải thiện kiểu chữ và trải nghiệm đọc tốt hơn. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách dễ dàng thụt lề đoạn văn trong WordPress.

How to indent paragraphs in WordPress

Phương pháp 1: Sử dụng các nút văn bản thụt lề trong Visual Editor

Theo mặc định, hầu hết các chủ đề WordPress sẽ hiển thị các đoạn văn được căn bên trái hoặc bên phải cho các ngôn ngữ từ phải sang trái.

Nếu bạn muốn thụt lề một đoạn văn, thì bạn có thể làm điều đó theo cách thủ công bằng cách nhấp vào nút tăng thụt lề trong trình chỉnh sửa trực quan . Điều này sẽ thêm khoảng cách vào bên trái của đoạn văn.

Increase indent and decrease indent buttons in WordPress editor

Trong trường hợp bạn muốn thụt lề nhiều hơn một đoạn, thì bạn cần chọn các đoạn đó rồi nhấp vào nút tăng thụt lề.

Bạn có thể nhấp vào thêm thụt lề nhiều lần để tăng khoảng cách. Ví dụ: nếu bạn nhấp vào nó hai lần, thì nó sẽ tăng gấp đôi khoảng cách thụt lề.

Bạn cũng có thể giảm khoảng cách bằng cách nhấp vào nút giảm thụt lề.

Phương pháp 2: Thụt lề đoạn văn theo cách thủ công bằng trình chỉnh sửa văn bản

Sử dụng các nút thụt lề văn bản trong trình chỉnh sửa trực quan là cách dễ nhất để thụt lề đoạn văn trong WordPress. Tuy nhiên, điều này không cho phép bạn kiểm soát số lượng khoảng cách mà bạn muốn thêm vào.

Người dùng nâng cao hơn có thể chuyển sang trình soạn thảo văn bản và thêm khoảng cách theo cách thủ công. Tất cả những gì bạn cần làm là quấn văn bản quanh thẻ đoạn văn bằng thẻ <p> và thẻ </p>, sau đó thêm CSS nội tuyến vào văn bản đoạn văn như sau:

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

Manually indent paragraphs using inline CSS

Phương pháp này cho phép bạn kiểm soát khoảng cách mà bạn muốn sử dụng làm thụt lề. Phương pháp này sẽ hoạt động tốt nhất nếu bạn không cần thụt lề đoạn văn thường xuyên. Tuy nhiên, nếu bạn thường xuyên thụt lề đoạn văn, thì đây không phải là một giải pháp lý tưởng.

Phương pháp 3: Chỉ thụt lề dòng đầu tiên của đoạn văn

Các trang web không sử dụng khoảng cách đoạn văn truyền thống được sử dụng bởi trình xử lý văn bản hoặc sắp chữ, mà chỉ thụt lề dòng đầu tiên của đoạn văn.

Ngay cả trong WordPress, khi bạn thụt lề một đoạn văn, khoảng cách được thêm vào toàn bộ đoạn văn.

All lines get affected in indent paragraph

Một số trang web như tin tức, trang tạp chí hoặc tạp chí văn học có thể muốn thêm khoảng cách đoạn văn truyền thống hơn. Trong trường hợp đó, bạn sẽ cần thêm CSS tùy chỉnh vào chủ đề của mình.

Trước tiên, bạn cần truy cập Giao diện »Tùy chỉnh để khởi chạy tùy biến chủ đề WordPress. Bây giờ hãy nhấp vào tab ‘CSS bổ sung’.

Adding custom CSS in WordPress

Thao tác này sẽ hiển thị cho bạn một hộp văn bản trong ngăn bên trái, nơi bạn có thể thêm CSS tùy chỉnh của mình. Bạn cần thêm mã CSS này vào hộp.

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

Mã CSS này chỉ cho các trình duyệt biết rằng nếu một đoạn văn có lớp .custom-indent, thì hãy thêm 60px dưới dạng text-indent.

Bây giờ bạn có thể chỉnh sửa một bài đăng trong WordPress và chuyển sang trình soạn thảo văn bản. Tiếp theo, bọc đoạn văn của bạn bên trong các thẻ <p class = ”custom-indent”> và </p> như sau:

<p class="custom-indent">Your paragraph text goes here...</p>

Sau khi hoàn tất, bạn có thể xem trước bài đăng của mình và bạn sẽ thấy rằng chỉ dòng đầu tiên của đoạn văn có khoảng cách trước nó.

Indent only the first line of a paragraph in WordPress

Phương pháp này sẽ hoạt động gọn gàng nếu bạn chỉ muốn thụt lề một vài đoạn văn. Tuy nhiên, nếu bạn muốn thêm kiểu này vào tất cả các đoạn trên trang web của mình, thì bạn chỉ cần thay đổi CSS tùy chỉnh như sau:

article p { 
text-indent:60px;
} 

Quy tắc CSS này sẽ tự động thụt lề dòng đầu tiên của tất cả các đoạn bên trong bài đăng hoặc trang WordPress.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thụt lề đoạn văn trong WordPress. Bạn cũng có thể muốn xem các mẹo của chúng tôi về cách sử dụng trình chỉnh sửa trực quan WordPress .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!