Bạn có muốn thêm một đường ngang trên bài đăng hoặc trang của mình trong WordPress không?
Bộ chia đường ngang là một cách tuyệt vời để chia các bài đăng dài thành các phần nhỏ hơn, làm nổi bật các thông báo hoặc khuyến mãi đặc biệt và phân tách rõ ràng các phần khác nhau của 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 phân cách ngang trong WordPress.
Vì đây là hướng dẫn toàn diện về cách thêm đường phân cách ngang trong WordPress, nên bạn có thể thấy hữu ích khi sử dụng mục lục của chúng tôi:
- Cách thêm đường phân cách ngang trong Block Editor
- Cách thêm đường phân cách ngang trong Trình chỉnh sửa cổ điển
- Cách thêm đường phân cách ngang bằng HTML thủ công
- Cách thêm các loại dấu cách và ngắt trang khác trong WordPress
- Cách chia một biểu mẫu WordPress dài thành nhiều phần
Thêm một đường ngang trong Trình chỉnh sửa khối WordPress
Để thêm một đường ngang bằng trình chỉnh sửa khối WordPress , hãy nhấp vào biểu tượng (+) để thêm một khối mới vào bất cứ nơi nào bạn muốn đặt đường.
Tiếp theo, chọn khối Dấu phân cách từ phần Thành phần Bố cục hoặc tìm kiếm khối đó bằng thanh tìm kiếm.
Sau khi thêm, bạn sẽ thấy đường phân cách ngang trong khu vực nội dung của mình.
Tạo kiểu cho Đường ngang trong Trình chỉnh sửa khối WordPress
Theo mặc định, dải phân cách ngang là một đường màu xám nhạt ở giữa bài đăng hoặc trang của bạn.
Bạn có thể thay đổi giao diện của nó bằng cách nhấp vào dòng để chọn khối của nó. Sau đó, bảng chỉnh sửa ‘Chặn’ sẽ mở ra ở phía bên phải màn hình của bạn.
Để thay đổi kiểu đường của bạn, chỉ cần nhấp vào mũi tên nhỏ bên cạnh Kiểu. Sau đó, bạn sẽ thấy các tùy chọn khác nhau.
Bạn có thể thay đổi đường ngang thành một trong các đường này nếu muốn:
- Một dòng rộng bao phủ toàn bộ chiều rộng của nội dung bài đăng của bạn.
- Ba dấu chấm hiển thị ở giữa bài đăng của bạn.
Lưu ý: Trong một số chủ đề WordPress , cả dòng rộng và dòng mặc định sẽ bao phủ toàn bộ chiều rộng bài đăng của bạn.
Bạn cũng có thể thay đổi màu của đường ngang trong Cài đặt màu. Chỉ cần nhấp vào một trong các tùy chọn được hiển thị hoặc sử dụng liên kết ‘Màu tùy chỉnh’ để chọn bất kỳ màu nào.
Nếu bạn muốn quay lại màu xám mặc định, chỉ cần nhấp vào nút ‘Xóa’ bên dưới các tùy chọn màu.
Ở đây, đường ngang của chúng ta có màu xanh lam và sử dụng kiểu “rộng”.
Thêm một đường ngang trong WordPress Classic Editor
Nếu bạn vẫn đang sử dụng trình chỉnh sửa cổ điển thì bạn có thể thêm các đường kẻ ngang cơ bản. Để làm như vậy, chỉ cần chỉnh sửa bài đăng hoặc trang hiện có hoặc tạo một bài đăng hoặc trang mới.
Nếu bạn chỉ thấy một hàng nút trên thanh công cụ phía trên trình chỉnh sửa bài đăng, hãy nhấp vào biểu tượng Chuyển đổi thanh công cụ ở bên phải:
Thao tác này sẽ mở ra hàng nút thứ hai, bao gồm tùy chọn đường kẻ ngang.
Bây giờ, hãy tiếp tục và đặt dấu ngắt dòng giữa các đoạn mà bạn muốn đường kẻ ngang chạy. Sau đó, bạn có thể nhấp vào nút Đường ngang. Đây là thứ hai từ bên trái trên hàng thứ hai:
Đường ngang của bạn sẽ có màu xám nhạt. Nó sẽ bao gồm toàn bộ chiều rộng của bài viết của bạn như thế này:
Thêm thủ công đường phân cách Đường ngang bằng HTML
Trong một số trường hợp hiếm hoi, bạn có thể cần phải thêm một đường phân chia theo chiều ngang trong nội dung WordPress của mình theo cách thủ công.
Nếu vậy, bạn chỉ cần làm điều đó bằng cách sử dụng thẻ hr HTML trong nội dung của mình:
<giờ>
Thao tác này sẽ thêm dấu phân cách đường ngang trong nội dung bài đăng của bạn.
Dấu phân cách khác mà bạn có thể sử dụng trong bài đăng và trang của mình
Trình chỉnh sửa khối WordPress mặc định cho phép bạn thêm nhiều loại dấu phân cách vào bài đăng và trang của mình.
Ngoài dấu phân cách đường ngang, các tùy chọn khác trong tập hợp các phần tử Bố cục bao gồm khối Spacer, liên kết khác và ngắt trang.
khối đệm
Spacer cho phép bạn thêm khoả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 đăng trước một ưu đãi đặc biệt, bạn có thể sử dụng Spacer.
Bạn có thể tùy chỉnh chiều cao của miếng đệm. Đây là giao diện khi bạn tạo bài đăng của mình trong trình chỉnh sửa khối:
Và đây là cách dấu cách xuất hiện trên trang web của bạn:
Càng nhiều khối
Nếu chủ đề của bạn hiển thị toàn bộ bài đăng (chứ không phải đoạn trích) trên trang blog chính của bạn thì việc thêm liên kết ‘Khác’ sẽ ngắt bài đăng của bạn tại thời điểm đó. Khách truy cập có thể nhấp để đọc thêm.
Đây là giao diện khi bạn tạo bài đăng của mình:
Và đây là cách liên kết Khác 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 đoạn trích trong hướng dẫn của chúng tôi về cách dễ dàng tùy chỉnh các đoạn trích trong WordPress .
Khối ngắt trang
Ngắt trang cho phép bạn chia các bài đăng blog 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. Đây là giao diện khi bạn tạo bài đăng của mình:
Và đây là cách ngắt trang xuất hiện trên trang web của bạn:
Bất kỳ trong số đó có thể là lựa chọn thay thế tốt để thêm một đường ngang trong WordPress, tùy thuộc vào những gì bạn đang hướng tới.
Thêm ngắt trang trong biểu mẫu WordPress bằng WPForms
Điều gì sẽ xảy ra nếu bạn muốn đặt dấu ngắt không phải trong bài đăng hoặc trang mà trong biểu mẫu liên hệ WordPress ? Bạn cũng có thể làm điều đó mà. Chúng tôi sẽ sử dụng WPForms cho việc này.
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 chắn về cách thực hiện, chỉ cần 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 đế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 rồi chọn một mẫu. Chúng tôi sẽ sử dụng mẫu ‘Yêu cầu mẫu báo giá’ cho mẫu của chúng tôi. Chạy con trỏ chuột của bạn trên 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 Trường ưa thích. Kéo và thả Ngắt trang đến bất cứ nơi nào bạn muốn trên biểu mẫu. Chúng tôi đang đặt nó ngay trước hộp Yêu cầu.
Bạn sẽ thấy rằng biểu mẫu hiện được chia thành hai phần. WPForms cũng đã tự động thêm nút ‘Tiếp theo’.
Bạn có thể thay đổi nhãn ‘Tiếp theo’ nếu muốn và bạn có thể thêm nút ‘Trước’ để chuyển sang trang thứ hai của biểu mẫu. Chỉ cần nhấp vào trường ngắt trang để chỉnh sửa nó.
Lưu biểu mẫu của bạn sau khi bạn hoàn tất bằng cách nhấp vào nút Lưu ở trên cùng bên phải.
Bây giờ bạn có thể thêm biểu mẫu vào trang web của mình. Trước tiên, bạn cần tạo một bài đăng hoặc trang mới hoặc chỉnh sửa bài đăng hoặc trang hiện có.
Nhấp vào dấu (+) để thêm khối mới vào bài đăng 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 tìm trong phần Widget. Thêm khối vào trang của bạn.
Bây giờ, chọn biểu mẫu của bạn từ danh sách thả xuống.
Khi bạn đã hoàn thành việc đó, bạn có thể xuất bản bài đăng hoặc trang và xem biểu mẫu của bạn trông như thế nào trên trang web của bạn.
Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thêm dấu phân cách đường 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 đăng và trang của mình, hãy xem bài viết của chúng tôi về trình tạo trang WordPress kéo và thả tốt nhất .
