WordPress hiển thị bài viết phân trang shortcode
|
Phân trang là một tính năng trang web WordPress tiện dụng giúp chia các bài đăng trên blog thành các trang riêng biệt. Thay vì khách truy cập phải cuộn qua tất cả các bài đăng của bạn, họ có thể chuyển đến một trang cụ thể và tiết kiệm thời gian Show
Các trang web có lượng nội dung lớn có thể được hưởng lợi từ việc triển khai phân trang vì tính năng này cho phép khách truy cập duyệt nhanh hơn, mang lại trải nghiệm đọc tốt hơn Ngoài ra, phân trang làm cho điều hướng trang web của bạn thân thiện hơn với người dùng và trình thu thập dữ liệu vì nó tạo ra một cấu trúc rõ ràng trong trang web. Các trang blog ngắn hơn cũng có nghĩa là thời gian tải nhanh hơn, thúc đẩy trải nghiệm người dùng tốt hơn Bài viết này sẽ chỉ cho bạn cách triển khai phân trang bài đăng WordPress bằng hai phương pháp – thủ công và sử dụng plugin phân trang. Chúng tôi cũng sẽ đề cập đến lỗi phân trang WordPress 404 và một số mẹo để giải quyết vấn đề
Phân trang WordPress là gì?Phân trang WordPress là một tính năng chia danh sách các bài đăng trên blog thành các trang riêng biệt. Khách truy cập có thể sử dụng các nút Tiếp theo hoặc Trước đó để điều hướng giữa các trang hoặc chuyển đến một số trang cụ thể Cách thêm phân trang vào WordPress theo cách thủ côngNgười dùng có kỹ năng mã hóa có thể triển khai phân trang trong WordPress theo cách thủ công bằng mã tùy chỉnh. Trong hướng dẫn này, chúng tôi đang sử dụng chủ đề Twenty Twenty WordPress Vui lòng kiểm tra các phương pháp sau và sử dụng phương pháp phù hợp nhất với kỹ năng kỹ thuật của bạn 1. Điều chỉnh Code PHP trong hàm. tệp phpWordPress hỗ trợ chức năng phân trang (posts_nav_link()) mà bạn có thể chèn ngay trước hoặc sau vòng lặp chính trong chỉ mục. tập tin php của chủ đề của bạn. Đây là một ví dụ đơn giản về mã trông như thế nào Chúng tôi khuyên bạn nên sử dụng một chủ đề con để thực hiện sửa đổi này thay vì triển khai nó trực tiếp trong chủ đề gốc. Chủ đề con kế thừa tất cả chức năng, phong cách và tính năng của chủ đề gốc, do đó cho phép bạn giữ các thay đổi được thực hiện sau bất kỳ bản cập nhật chủ đề nào 2. Thêm mã CSS để chỉnh sửa phân trangMột cách khác để triển khai phân trang là thêm mã HTML và CSS vào chủ đề đang hoạt động của bạn. Nhiều đoạn mã CSS tùy chỉnh mà bạn có thể sử dụng có sẵn trên các nền tảng phát triển web như CodePen Sau đây là chức năng phân trang tùy chỉnh được thiết kế bởi Arefeh Hatami. Nó sử dụng HTML và CSS để tạo thanh điều hướng số trang đơn giản. Nếu bạn quyết định triển khai đoạn mã này trong trang web WordPress của mình, vui lòng thử nghiệm các kiểu khác nhau nếu cần 3. Quản lý nội dung trên mỗi trangKhông giống như các phương pháp trước, phương pháp này không liên quan đến mã hóa. Thay vào đó, bạn chỉ cần có quyền truy cập vào bảng điều khiển quản trị viên WordPress
Số lượng bài đăng được hiển thị trên mỗi trang phải được điều chỉnh theo tổng khối lượng nội dung của trang web. Chẳng hạn, nếu bạn có từ 50-100 bài đăng, thì mỗi trang có từ 5 đến 10 bài đăng sẽ là lý tưởng nhất Hình ảnh bên dưới cho bạn thấy nó trông như thế nào nếu giá trị được đặt thành “1”. Mỗi trang sẽ hiển thị một bài đăng trên blog và thanh điều hướng phân trang sẽ xuất hiện ngay trước phần chân trang. Cài đặt này phù hợp với các trang web nhỏ có khối lượng nội dung thấp Plugin phân trang WordPress tốt nhấtCách dễ nhất để triển khai phân trang là sử dụng plugin WordPress. Nhiều plugin phân trang miễn phí và cao cấp có sẵn trên thư mục plugin chính thức. Chúng tôi sẽ bao gồm ba cái miễn phí tốt nhất để lựa chọn Tất cả các plugin này đều có thể tùy chỉnh thông qua menu Cài đặt của bạn khi cài đặt và kích hoạt 1. Trang WPNaviVì WP-PageNavi là một trong những plugin miễn phí phổ biến nhất, nên rất có thể chủ đề WordPress của bạn có hỗ trợ tích hợp cho nó. Nếu không, bạn sẽ phải chỉnh sửa mã của chủ đề theo cách thủ công để làm cho plugin hoạt động – mã tùy chỉnh được cung cấp trên trang chính thức của plugin WP-PageNavi cung cấp các cài đặt đơn giản mà ngay cả những người mới bắt đầu cũng có thể dễ dàng sửa đổi. Nó cũng cho phép bạn thay đổi nhãn của các thành phần điều hướng và số trang. Ngoài ra, plugin cho phép bạn chuyển từ định dạng Bài đăng cũ hơn và Bài đăng mới hơn sang thanh điều hướng được đánh số để kiểm soát dễ dàng hơn Để truy cập nhiều tùy chọn kiểu dáng hơn, hãy cân nhắc tải bổ trợ Kiểu dáng cho WP PageNavi Sau khi cài đặt và kích hoạt plugin, tab PageNavi sẽ xuất hiện trong menu Cài đặt 2. Phân trang WPWP-Paginate là một plugin nguồn mở cung cấp các cài đặt đơn giản để thêm phân trang vào trang web WordPress của bạn. Nó cũng cung cấp tab CSS tùy chỉnh để thêm mã tùy chỉnh cho các liên kết phân trang của bạn Bên cạnh các bài đăng trên blog, WP-Paginate cũng có thể sửa đổi các bình luận của bài đăng, rất hữu ích cho các blog phổ biến thu hút nhiều bình luận. Các yếu tố tùy chỉnh khác bao gồm nhãn và nút cũng như vị trí của chúng Phiên bản miễn phí đi kèm với tất cả các tính năng cần thiết mà bạn cần. Tuy nhiên, nâng cấp lên phiên bản Pro sẽ cung cấp cho bạn nhiều tùy chọn kiểu dáng hơn cùng với quyền truy cập vào tài liệu plugin và hỗ trợ tận tình trong một năm Giống như WP-PageNavi, bạn có thể truy cập tab WP-Paginate từ menu Cài đặt 3. Phân trang theo bảng chữ cáiĐúng như tên gọi của nó, Phân trang theo bảng chữ cái cho phép bạn phân chia và sắp xếp các bài đăng và trang theo thứ tự bảng chữ cái. Định dạng phân trang này rất hữu ích để sắp xếp các mục dựa trên từ khóa và danh mục chủ đề của chúng, giúp quá trình tìm kiếm hiệu quả hơn Một số tính năng cơ bản của plugin bao gồm phân trang tự động, nhóm theo thứ tự bảng chữ cái và định vị DOM. Các phong cách và lựa chọn ngôn ngữ khác nhau có sẵn cho các nhu cầu và sở thích khác nhau. Nâng cấp lên phiên bản Premium sẽ cấp cho bạn quyền truy cập vào các mã ngắn tùy chỉnh để phân trang, liệt kê và danh sách người dùng Ngoài ra, Phân trang theo bảng chữ cái tương thích với trang cửa hàng và danh mục sản phẩm của WooC Commerce Cách khắc phục lỗi phân trang WordPress 404Lỗi 404 là một thông báo lỗi có thể xuất hiện khi triển khai phân trang trong WordPress. Trong hầu hết các trường hợp, nguyên nhân là do xung đột permalink khiến trình duyệt không phát hiện ra trang bị hỏng Lỗi thường xảy ra khi bạn nhấp vào trang tiếp theo. Cấu trúc /%category%/%postname%/ permalink tùy chỉnh thường hoạt động trên trang đầu tiên, nhưng /page/2 được nối thêm của https. //www. miền. com/custom_taxonomy/page/2 URL có thể xung đột với cài đặt permalink tùy chỉnh Có một số giải pháp khả thi cho vấn đề này, tùy thuộc vào hoàn cảnh của bạn Chỉnh sửa giá trị WP_Query posts_per_pageNếu bạn điều hướng đến Cài đặt -> Đọc từ bảng điều khiển WordPress, bạn sẽ thấy rằng giá trị mặc định cho các trang Blog hiển thị nhiều nhất là 10 Kiểm tra WP_Query của liên kết cố định tùy chỉnh của bạn và xem liệu posts_per_page có cùng giá trị không. Nếu không, hãy thay đổi một trong hai để chúng không xung đột Thêm quy tắc viết lại phân trangPhương pháp này liên quan đến việc loại bỏ phần vi phạm bằng cách tạo quy tắc viết lại. Bao gồm đoạn mã này trong chức năng của bạn. tập tin php function my_pagination_rewrite() {
add_rewrite_rule(category_name/page/?([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');Sau khi thêm mã, hãy đi tới Cài đặt -> Permalinks từ bảng điều khiển WordPress của bạn và nhấp vào Lưu thay đổi để xóa bộ đệm quy tắc Khai thác tối đa trang web WordPress của bạn với dịch vụ lưu trữ web được quản lý hoàn toàn và được tối ưu hóa cho WordPress. Mua dịch vụ lưu trữ WordPress Phần kết luậnPhân trang là một chức năng hữu ích giúp các trang WordPress chuyên sâu về nội dung trở nên thân thiện với người dùng và dễ điều hướng, mang lại trải nghiệm người dùng tốt hơn. May mắn thay, nó có thể được triển khai bằng mã tùy chỉnh hoặc plugin, thuận tiện cho người dùng ở mọi cấp độ kỹ năng kỹ thuật Chúng tôi đã xem qua một số cách để thêm phân trang vào trang web WordPress cũng như ba plugin tốt nhất triển khai tính năng này. Trong trường hợp bạn gặp phải lỗi phân trang WordPress 404, chúng tôi đã bao gồm một số cách để khắc phục Chúng tôi hy vọng bài viết này đã giúp cải thiện trải nghiệm người dùng blog WordPress của bạn. Để cải thiện hiệu suất WordPress của bạn hơn nữa, hãy đảm bảo sử dụng dịch vụ lưu trữ WordPress đáng tin cậy. Nếu bạn có bất kỳ lời khuyên hoặc câu hỏi nào, vui lòng để lại chúng trong phần bình luận bên dưới Tìm hiểu các kỹ thuật WordPress nâng cao khácCách thêm phông chữ tùy chỉnh vào WordPress Tác giả jordan A Jordana là một người đam mê phát triển web và tiếp thị kỹ thuật số. Cô ấy thích dành thời gian trước máy tính xách tay của mình, làm việc với các dự án mới và học hỏi những điều mới. Khi cô ấy không bận rộn với công việc, bạn có thể thấy cô ấy đi khắp thế giới để tìm kiếm món sushi ngon nhất |
