Bạn có muốn thêm một đường ngang vào bài viết hoặc trang của mình trong WordPress?
Đường chia trang ngang là một cách tuyệt vời để chia nhỏ các bài viết dài thành các phần nhỏ hơn, làm nổi bật các thông báo đặc biệt hoặc khuyến mãi, và phân chia rõ ràng các phần khác nhau của một trang.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm đường chia trang ngang trong WordPress.
Vì đây là một hướng dẫn đầy đủ về cách thêm đường phân cách ngang trong WordPress, bạn có thể sử dụng bảng nội dung của chúng tôi để tìm phương pháp mà bạn muốn sử dụng.
Contents
- 1 Thêm Đường Phân Cách Ngang Trong Trình Soạn Thảo Khối WordPress
- 2 Thêm Đường Phân Cách Ngang Trong Trình Soạn Thảo Cổ Điển WordPress
- 3 Thêm Đường Ngang Ngăn Cách Bằng Cách Sử Dụng HTML
- 4 Các Phân Cách Khác Bạn Có Thể Sử Dụng Trong Bài Viết Và Trang
- 5 Thêm Một Đường Ngắn Trong Biểu Mẫu WordPress Bằng WPForms
Thêm Đường Phân Cách Ngang Trong Trình Soạn Thảo Khối WordPress
Để thêm một đường ngang bằng cách sử dụng trình soạn thảo khối WordPress, hãy nhấp vào biểu tượng (+) để thêm một khối mới ở bất kỳ vị trí nào bạn muốn có đường ngang.
Sau đó, chọn khối Separator từ phần Các phần tử bố cục.
Hoặc bạn cũng có thể tìm kiếm nó bằng cách sử dụng thanh tìm kiếm.
Sau khi thêm, bạn sẽ thấy đường chia trang ngang trong khu vực nội dung của bạn.
Tùy chỉnh Đường Phân Cách Ngang trong Trình Soạn Thảo Khối WordPress
Mặc định, đường chia ngang là một đường mờ mờ màu xám trên trung tâm của bài viết hoặc trang của bạn.
Bạn có thể thay đổi cách nó trông bằng cách nhấp vào đường để chọn khối của nó. Sau đó, bảng chỉnh sửa ‘Khối’ sẽ mở lên ở phía bên phải của màn hình.
Để thay đổi kiểu của đường bạn, chỉ cần nhấp vào mũi tên nhỏ bên cạnh Kiểu dáng. Sau đó, bạn sẽ thấy các tùy chọn khác nhau.
Bạn có thể thay đổi đường phân cách ngang thành một trong các kiểu sau, nếu bạn muốn:
- Một đường rộng mà che toàn bộ chiều rộng của nội dung bài viết của bạn.
- Ba dấu chấm hiển thị ở trung tâm bài viết của bạn.
Lưu ý: Trong một số chủ đề WordPress, cả đường rộng và đường mặc định sẽ che kín toàn bộ chiều rộng của bài viết của bạn.
Bạn cũng có thể thay đổi màu sắc của đường chia trang ngang của bạn trong phần Cài đặt màu sắc. Chỉ cần nhấp vào một trong các tùy chọn hiển thị hoặc sử dụng liên kết ‘Tùy chỉnh màu’ để chọn bất kỳ màu nào bạn muốn.
Nếu bạn muốn trở về màu xám mặc định, chỉ cần nhấp vào nút ‘Xóa’ dưới các tùy chọn màu sắc.
Ở đây, đường chia trang ngang của chúng tôi có màu xanh và sử dụng kiểu “rộng”.
Thêm Đường Phân Cách Ngang Trong Trình Soạn Thảo Cổ Điển WordPress
Nếu bạn vẫn đang sử dụng trình soạn thảo cổ điển, bạn vẫn có thể thêm đường chia ngang cơ bản. Để làm điều này, chỉnh sửa một bài viết hoặc trang hiện có hoặc tạo một bài viết hoặc trang mới.
Nếu bạn chỉ nhìn thấy một hàng nút trên thanh công cụ phía trên trình soạn thảo bài viết, hãy nhấp vào biểu tượng Đổi thanh công cụ ở bên phải:
Điều này sẽ mở ra hàng nút thứ hai, bao gồm tùy chọn đường phân cách ngang.
Bây giờ, hãy thêm một ngắt dòng giữa các đoạn văn mà bạn muốn đường chia ngang đi qua. Sau đó, bạn có thể nhấp vào nút Đường Ngang. Đó là nút thứ hai từ trái sang trên hàng thứ hai:
Đường phân cách ngang của bạn sẽ có màu xám nhạt.
Nó sẽ che kín toàn bộ chiều rộng của bài viết của bạn như hình dưới đây:
Thêm Đường Ngang Ngăn Cách Bằng Cách Sử Dụng HTML
Trong một số trường hợp hiếm, bạn có thể cần phải thêm một đường chia trang ngang vào nội dung WordPress của bạn bằng cách sử dụng thẻ HTML hr:
<hr />
Điều này sẽ thêm đường phân chia ngang vào nội dung bài viết của bạn.
Các Phân Cách Khác Bạn Có Thể Sử Dụng Trong Bài Viết Và Trang
Trình soạn thảo khối WordPress mặc định cho phép bạn thêm nhiều loại phân cách vào bài viết và trang của mình.
Ngoài đường chia trang ngang, các tùy chọn khác trong tập hợp các khối Elements giao diện bao gồm khối Spacer, More link, và Page Break.
Khối Spacer
Khối Spacer cho phép bạn thêm khoảng trống trắng giữa các khối. Ví dụ, nếu bạn muốn có một khoảng trống nhỏ ở cuối bài viết của mình trước một ưu đãi đặc biệt, bạn có thể sử dụng Spacer.
Dưới đây là cách nó trông khi bạn tạo bài viết của mình trong trình soạn thảo khối:
Bạn có thể tùy chỉnh chiều cao của spacer.
Và đây là cách spacer xuất hiện trên trang web của bạn:
Khối More
Nếu chủ đề của bạn hiển thị toàn bộ bài viết (thay vì trích dẫn) trên trang blog chính của bạn, thì việc thêm liên kết ‘Xem thêm’ sẽ cắt bài viết của bạn tại điểm đó.
Khách truy cập có thể nhấp để đọc tiếp.
Hình ảnh trên thể hiện những gì bạn sẽ thấy trong trình soạn thảo nội dung.
Và dưới đây là cách nó xuất hiện trên trang web của bạn.
Bạn có thể tìm hiểu thêm về các trích dẫn trong hướng dẫn của chúng tôi về cách dễ dàng tùy chỉnh các trích dẫn trong WordPress.
Khối Page Break
Khối Page Break cho phép bạn chia nhỏ các bài viết dài thành nhiều trang. Bạn không thể tùy chỉnh nó theo bất kỳ cách nào. Dưới đây là cách nó trông khi bạn tạo bài viết của mình:
Và đây là cách trang phân cách xuất hiện trên trang web của bạn.
Lưu ý cách nó sử dụng các số trang và cho phép người đọc chọn trang nào mà họ muốn đi đến.
Bất kỳ tùy chọn nào đó có thể là các phương án thay thế tốt khi thêm 1 đường chia ngang trong WordPress, tùy thuộc vào mục tiêu mà bạn đang nhắm đến.
Thêm Một Đường Ngắn Trong Biểu Mẫu WordPress Bằng WPForms
Nếu bạn muốn thêm một đường ngắn không phải trong một bài viết hoặc trang mà là trong một biểu mẫu liên hệ WordPress, bạn cũng có thể làm điều đó. Chúng tôi sẽ sử dụng WPForms.
Trước tiên, bạn cần tải xuống, cài đặt và kích hoạt plugin WPForms. Nếu bạn không chắc làm cách nào, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Tiếp theo, điều hướng đến WPForms » Thêm Mới trong bảng điều khiển WordPress của bạn.
Nhập tên cho biểu mẫu của bạn sau đó chọn mẫu. Chúng tôi sẽ sử dụng mẫu ‘Yêu cầu Báo giá’ cho của chúng tôi.
Dịch chuột của bạn qua mẫu và nhấp vào nút để tạo biểu mẫu của bạn.
Tiếp theo, cuộn xuống tab Thêm Trường ở phía bên trái đến phần Các Trường Đặc biệt.
Kéo và thả Page Break vào bất kỳ vị trí nào bạn muốn trên biểu mẫu. Chúng tôi đặt nó ngay trước ô Yêu cầu.
Bạn sẽ thấy biểu mẫu của mình bị chia thành hai phần. WPForms đã tự động thêm nút “Tiếp theo” nữa.
Nếu bạn muốn thay đổi nhãn “Tiếp theo”, bạn có thể làm như vậy và bạn có thể thêm nút “Trước” để đi đến trang thứ hai của biểu mẫu. Chỉ cần nhấp vào trường phân trang để chỉnh sửa nó.
Lưu biểu mẫu của bạn khi bạn hoàn thành, bằng cách nhấp vào nút Lưu ở góc trên bên phải.
Bây giờ, bạn có thể thêm biểu mẫu của mình vào trang web của bạn.
Đầu tiên, bạn cần tạo một bài viết hoặc trang mới hoặc chỉnh sửa một bài viết hoặc trang hiện có.
Nhấp vào (+) để thêm một khối mới vào bài viết hoặc trang của bạn và tìm khối WPForms. Bạn có thể sử dụng thanh tìm kiếm hoặc xem ở phần Tiện ích. Thêm khối vào trang của bạn.
Bây giờ, bạn sẽ thấy một tùy chọn để chọn biểu mẫu của bạn.
Chọn từ danh sách thả xuống.
Sau khi bạn đã làm điều đó, bạn có thể xuất bản bài viết hoặc trang.
Tiếp theo, kiểm tra xem biểu mẫu của bạn trông như thế nào trên trang web của bạn.
Hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thêm đường chia trang ngang trong WordPress. Nếu bạn muốn thêm nhiều yếu tố thiết kế và bố cục vào bài viết và trang của mình, hãy xem bài viết của chúng tôi về các trình tạo trang WordPress kéo và thả tốt nhất hoặc đọc bài viết của chúng tôi về cách tạo phân đoạn tùy chỉnh trong WordPress.
Nếu bạn thích bài viết này, hãy đăng ký kênh YouTube của chúng tôi để xem các video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.