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 701.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 đều được căn trái, nhưng trong một số trường hợp, bạn có thể cần phải thụt lề các đoạn văn nhất định để 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.

Cách thụt lề đoạn văn trong wordpress 1

Phương pháp 1: Sử dụng các nút thụt lề văn bản trong trình chỉnh sửa 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 đầu dòng 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 vào bên trái của đoạn văn.

Thụt lề đoạn văn trên wordpress

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

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

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 lề

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 trình soạn thảo Gutenberg cho WordPress 5.0: Phần XNUMX

Phương pháp 2: Thụt lề thủ công đoạn văn bằ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 chỉnh sửa trực quan là cách dễ nhất để thêm thụt đầu dòng vào đoạn văn. Tuy nhiên, điều này không cung cấp cho bạn quyền kiểm soát bao nhiêu khoảng cách 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 để thêm thụt lề theo cách thủ công. Tất cả những gì bạn cần làm là đặt văn bản vào thẻ đoạn văn và và sau đó y thêm mã CSS như thế này:

Đoạn văn của bạn ở đây ...

Thụt lề đoạn văn trên wordpress theo cách thủ công

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 thụt lề. Phương pháp này 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.

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 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 các trình xử lý văn bản, mà chỉ đánh dấu dòng đầu tiên của đoạn văn.

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

Thụt lề đoạn văn mẫu

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> Tùy chỉnh Để khởi chạy " Customizer Chủ đề WordPress. Nhấp vào " CSS bổ sung '.

Bổ sung tùy biến css wordpress

Đ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.

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

Khám phá cũng của chúng tôi Hướng dẫn: Cách sử dụng WordPress Visual Editor

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]

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 lề 60px.

Sau đó, bạn có thể vào và 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 đó, bao quanh văn bản của bạn bằng các thẻ và như sau :

Đoạn văn của bạn ở đây ...

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 đó.

Khoảng cách trước một đoạn văn

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 dấu thụt lề trên dòng đầu tiên của tất cả các đoạn bên trong một bài đăng 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 đang tìm kiếm trình chỉnh sửa hình ảnh theo phong cách để cải thiện giao diện trang web của họ, ở đây chúng tôi cung cấp cho họ 3 plugin WordPress cao cấp đượ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à một trình chỉnh sửa phong cách trực quan mà bạn có thể sử dụng với bất kỳ chủ đề nào để cá nhân hóa trang web của mình trong vài phút (phông chữ, màu sắc, hoạt ảnh và hơn thế nữa…).Yellowpencil Visual css style editor plugin wordpress

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 người mới bắt đầu cũng như người dùng có kinh nghiệm. Không yêu cầu kiến ​​thức mã hóa; Tuy nhiên, plugin có trình chỉnh sửa 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 chỉnh sửa này và tùy chỉnh CSS của mình.

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à một 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 mình. 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 lớn cho chủ đề WordPress của bạn. Dễ dàng tùy chỉnh js và css plugin wordpress tùy chỉnh bổ sung

Bạn có tùy chọn giới hạn lĩnh vực sử dụng mã được cá nhân hóa của mình. Ví dụ: bạn chỉ có thể sử dụng mã của mình cho một bài báo có định dạng video. Hoặc bạn có thể giới hạn mã của mình trong một chủ đề cụ thể; Điều này rất hữu ích nếu bạn thường xuyên 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 WordPress Custom JS và CSS cho Gutenberg sẽ cho phép bạn thêm số lượng không giới hạn các kiểu tùy chỉnh vào trình chỉnh sửa WYSIWYG cho các bài đăng 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.Js và css tùy chỉnh cho plugin gutenberg 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

Đây ! Đó là nó 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. thoải má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 thực cũng cung cấp cho tôi lỗi "60px; } "
    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