Bỏ qua đến nội dung chính

Làm thế nào để thụt các đoạn văn trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bạn có muốn thêm dấu cách hoặc phần phụ thụt lề trên WordPress?

Mặc dù hầu hết các văn bản của bạn được căn trái, trong một số trường hợp, bạn có thể cần phải thụt lề một số đoạn nhất định cho kiểu chữ tốt nhất và tốt hơn kinh nghiệm đọc.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thụt lề Tiện nghi đoạn văn trên WordPress.

Phương pháp 1: Sử dụng các nút xóa văn bản trong Trình soạn thảo trực quan

Theo mặc định, hầu hết Chủ đề WordPress Hiển thị các đoạn văn hợp lý sang trái hoặc phải cho các ngôn ngữ từ phải sang trái.

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

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

Bạn có thể nhấp vào nút nhiều lần để tăng số tiền rút. Ví dụ: nếu bạn nhấp đúp chuột vào nó, nó sẽ nhân đôi khoảng cách rút tiền.

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

Chúng tôi cũng mời bạn trước khi tiếp tục khám phá Cách sử dụng WordPress Gutenberg Editor 5.0: Phần Một

Phương pháp 2: thụt thủ công đoạn văn sử dụng trình soạn thảo văn bản

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

Hầu hết người dùng cao cấp có thể chuyển sang trình soạn thảo văn bản để tự rút tiền. Tất cả những gì bạn cần làm là đặt văn bản vào thẻ <p> và </ p> và sau đó thêm mã CSS như thế này:

<P style = "padding-left: 25px;"> đoạn văn bản của bạn vào đây ... </ p>

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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 thu nhỏ. Phương pháp này hoạt động tốt nhất nếu bạn không cần thụt lề các đoạn thường xuyên.

Vì vậy, nếu bạn thụt lề chúng thường xuyên, thì đây không phải là một giải pháp lý tưởng.

Khám phá hướng dẫn của chúng tôi trên Làm thế nào để Viết (viết) một đoạn tốt trên blog của bạn

Phương thức 3: Chỉ thụt dòng đầu tiên của đoạn

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

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

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

Đi đến " Giao diện> Customize Để khởi chạy " Customizer Chủ đề WordPress. Bấm vào tab « CSS bổ sung '.

Điều này sẽ hiển thị một hộp văn bản trong khung bên trái nơi bạn có thể thêm mã CSS tùy chỉnh của mình. Thêm mã CSS này vào hộp văn bản này.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

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

Khám phá cũng của chúng tôi Hướng dẫn: Cách làm chủ trình chỉnh sửa trực quan của WordPress

Mã CSS này chỉ đơn giản 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ì nó sẽ thêm một thụt của 60px.

Sau đó, bạn có thể chỉnh sửa bài viết của mình trên trình soạn thảo văn bản. Sau đó khoanh tròn văn bản của bạn với các thẻ <p class = "custom-indent"> và </ p> như sau:

<P class = "tùy chỉnh-indent"> đoạn văn bản của bạn vào đây ... </ p>

Sau khi kết thúc, bạn có thể xem trước bài viết 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 đó.

Phương pháp này sẽ hoạt động cẩn thận nếu bạn chỉ muốn thụt lề một vài đoạ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 của trang web của mình, bạn chỉ cần sửa đổi mã CSS tùy chỉnh như sau:

bài viết p {text-indent: 60px; }

Mã CSS này sẽ tự động thêm một pullout vào dòng đầu tiên của tất cả các đoạn bên trong một bài viết hoặc trang WordPress.

Khám phá cũng trước khi rời đi Làm thế nào để thêm một phong cách trực quan cho các biên tập viên WordPress

Đối với những người tìm kiếm các trình soạn thảo kiểu trực quan để cải thiện giao diện trang web của họ, chúng tôi cung cấp cho họ các plugin WordPress cao cấp 3 được thiết kế cho nhiệm vụ này.

1. Bút chì màu vàng: Trình chỉnh sửa CSS kiểu trực quan

Yellow Pencil là trình chỉnh sửa kiểu trực quan mà bạn có thể sử dụng với bất kỳ chủ đề nào để tùy chỉnh trang web của mình trong vài phút (phông chữ, màu sắc, hình động và hơn thế nữa ...).

Plugin này sẽ tạo các kiểu CSS trong nền trong khi bạn chơi với màu sắc như thể đó là một trò chơi. Nó được thiết kế cho cả người mới bắt đầu và người dùng có kinh nghiệm. Không có kiến ​​thức mã hóa được yêu cầu; Tuy nhiên, plugin có trình soạn thảo CSS tốt cho những người thích viết mã. Bạn có thể viết mã trực tiếp với trình soạn thảo này và tùy chỉnh CSS của bạn.

Tải về | Bản demo | Web hosting

2. Dễ dàng tùy chỉnh JS và CSS

Plugin WordPress cao cấp này là trình chỉnh sửa mã CSS và JavaScript mạnh mẽ cho phép bạn thêm chúng vào bất kỳ phần nào trên trang web của bạn. Nó cho phép bạn giữ các tùy chỉnh của mình ngay cả sau khi cập nhật quan trọng về chủ đề WordPress của bạn.

Bạn có khả năng giới hạn lĩnh vực sử dụng mã được cá nhân hóa của bạn. Ví dụ: bạn chỉ có thể sử dụng mã của mình cho một bài viết có định dạng video. Hoặc bạn có thể giới hạn mã của mình vào một chủ đề cụ thể; Điều này rất hữu ích nếu bạn hiện đang thay đổi chủ đề cho blog WordPress của mình.

Tải về | Bản demo | Web hosting

3. JS và CSS tùy chỉnh cho Gutenberg

Plugin Custom JS và CSS cho Gutenberg WordPress sẽ cho phép bạn thêm số lượng kiểu tùy chỉnh không giới hạn vào trình soạn thảo WYSIWYG cho các bài viết và trang WordPress của bạn. Nó hoàn toàn tương thích với phiên bản Gutenberg của WordPress.

Bạn có thể chỉ cần tạo một kiểu mới với trình soạn thảo CSS dễ sử dụng. Plugin này mở rộng chức năng của các trường tùy chỉnh trên trang web của bạn và cung cấp cho bạn khả năng sửa đổi các trường tùy chỉnh của bạn với một mô-đun tùy chỉnh năng động và mạnh mẽ. và tính năng xem trước thời gian thực của plugin này làm cho nó rất thoải mái và thân thiện với người dùng.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Khám phá các tài nguyên được đề xuất khác sẽ giúp bạn quyến rũ tốt hơn có trong tay biên tập văn bản hình ảnh của bạn.

Kết luận

Thế thôi! Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tổ chức tốt hơn việc thụt lề các bài viết của bạn. Đừng ngần ngại chia sẻ mẹo với bạn bè trên mạng xã hội của bạn.

Nếu bạn có bất kỳ đề nghị hoặc nhận xét, họ sẽ được chào đón. Chúng tôi cũng mời bạn tham khảo ý kiến ​​của chúng tôi tài nguyên nếu bạn là một blogger mới bắt đầu.

...

Bài viết này chứa 1 bình luận
  1. Bài viết p {dash-text: 60 px; }
    chuỗi đó cho tôi một lỗi.
    Dịch vụ xác nhận cũng cung cấp cho tôi lỗi "60 px; } »
    Chúng ta nên sửa như thế nào?
    Công việc tốt

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
17 cổ phiếu
cổ phiếu14
tweet1
Enregistrer2