cuken
New Member
Cách chia bài viết thành nhiều trang trong WordPress
Cách làm thì như mình nói ngay ở đầu bài viết, nó cực kỳ đơn giản. Đơn giản đến độ chúng ta dễ dàng bỏ qua nó! Trong trình soạn thảo của WordPress, bạn chuyển từ Visual sang Text và đặt tag <!--nextpage--> vào cuối mỗi đoạn bạn cần ngắt trang. Khi đó trang của bạn sẽ trông như thế này:
Đoạn Văn Bản 1
<!--nextpage-->
Đoạn văn bản 2
<!--nextpage-->
Đoạn văn bản 3
Cách tốt nhất là ngắt theo từng mục lớn của bài viết, và nên áp dụng cho bài viết có từ 2000 từ trở lên đối với blog. Còn các site dạng khác, bạn có thể áp dụng kiểu slide, ảnh kèm với nội dung text về mục đó. Vừa tiết kiệm không gian lại đạt được nhiều lợi ích như ở trên.
Đến đây thì cơ bản đã xong, tuy nhiên cái phân trang trông rất xấu, và bạn có thể sử dụng CSS để style cho nó theo ý mình. Bạn có thể dùng tính năng Inspect Element của trình duyệt để xem class tương ứng với mã phân trang này, dưới đây là đoạn mã ví dụ mình áp dụng cho Blog.
.entry-pagination{
margin-left: 0!important;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.entry-pagination a{
padding: 10px 16px!important;
padding: 1rem 1.6rem!important;
border: 1px solid #d6d6d6!important;
margin: 5px!important;
}
.entry-pagination a:hover{
border: 2px solid #00985f!important;
}
Cách làm thì như mình nói ngay ở đầu bài viết, nó cực kỳ đơn giản. Đơn giản đến độ chúng ta dễ dàng bỏ qua nó! Trong trình soạn thảo của WordPress, bạn chuyển từ Visual sang Text và đặt tag <!--nextpage--> vào cuối mỗi đoạn bạn cần ngắt trang. Khi đó trang của bạn sẽ trông như thế này:
Đoạn Văn Bản 1
<!--nextpage-->
Đoạn văn bản 2
<!--nextpage-->
Đoạn văn bản 3
Cách tốt nhất là ngắt theo từng mục lớn của bài viết, và nên áp dụng cho bài viết có từ 2000 từ trở lên đối với blog. Còn các site dạng khác, bạn có thể áp dụng kiểu slide, ảnh kèm với nội dung text về mục đó. Vừa tiết kiệm không gian lại đạt được nhiều lợi ích như ở trên.
Đến đây thì cơ bản đã xong, tuy nhiên cái phân trang trông rất xấu, và bạn có thể sử dụng CSS để style cho nó theo ý mình. Bạn có thể dùng tính năng Inspect Element của trình duyệt để xem class tương ứng với mã phân trang này, dưới đây là đoạn mã ví dụ mình áp dụng cho Blog.
.entry-pagination{
margin-left: 0!important;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.entry-pagination a{
padding: 10px 16px!important;
padding: 1rem 1.6rem!important;
border: 1px solid #d6d6d6!important;
margin: 5px!important;
}
.entry-pagination a:hover{
border: 2px solid #00985f!important;
}
