Cách triển khai phân trang trong WordPress

mệnh Passy Guy | WordPress Tutorial

Bạn muốn thực hiện phân trang WordPress trên trang web của mình?

Phân trang là một tính năng tiện dụng trên các trang web WordPress giúp chia các bài đăng trên blog thành các trang riêng biệt. Thay vì khách phải cuộn qua tất cả các bài viết của bạn, họ có thể đến một trang cụ thể và tiết kiệm thời gian.

Các trang web có số lượng lớn nội dung có thể được hưởng lợi từ việc triển khai phân trang vì tính năng này giúp khách truy cập điều hướng nhanh hơn, cung cấp trải nghiệm tốt hơn de bài giảng.

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à thân thiện với trình thu thập thông tin 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, quảng cáo tốt hơn trải nghiệm người dùng.

Bài viết này sẽ chỉ cho bạn cách thực hiện phân trang trong 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 404 của WordPress và một số mẹo về cách khắc phục.

Nhưng trước khi bắt đầu, nếu bạn chưa bao giờ cài đặt WordPress, hãy tìm hiểu Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Phân trang WordPress là gì?

Phân trang trong WordPress là 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ông

Người dùng có kỹ năng viết mã có thể thực hiện phân trang trong WordPress theo cách thủ công bằng cách sử dụng mã tùy chỉnh. Trong hướng dẫn này, chúng tôi đang sử dụng chủ đề WordPress Hai mươi hai.

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 mã PHP trong tệp functions.php

WordPress hỗ trợ tính 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 tệp index.php chủ đề WordPress của bạn.

Đây là một ví dụ đơn giản về mã trông như thế nào:

<?php if ( have_posts() ) : ?>
<!-- Ajoutez les fonctions de pagination ici. →
posts_nav_link()
<!-- Début de la boucle principale. -->
<?php while ( have_posts() ) : the_post();  ?>
<!-- le reste de la boucle principale de  votre thème -->
<?php endwhile; ?>
<!-- Fin de la boucle principale -->
<!-- Ou ajoutez les fonctions de pagination ici. -->
<div class="nav-previous alignleft">
<?php previous_posts_link( 'Anciens Articles' ); ?>
</div>
<div class="nav-next alignright">
<?php next_posts_link( 'Articles Récents' ); ?>
</div>
<?php else: ?>
<p><?php _e('Désolé, aucun message ne correspond à vos critères.' ); ? ></p>
<?php endif; ?>

Chúng tôi khuyên bạn nên sử dụng chủ đề con để thực hiện thay đổi này thay vì triển khai trực tiếp trong chủ đề mẹ. Chủ đề con kế thừa tất cả chức năng, kiểu dáng và chức năng của chủ đề mẹ của nó, cho phép bạn giữ lại 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 để thay đổi phân trang

Một cách khác để triển khai phân trang là thê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à một 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 một 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, hãy thử nghiệm các kiểu khác nhau nếu cần.

triển khai phân trang trong WordPress

3. Quản lý Nội dung theo Trang

Khô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 đó, tất cả những gì bạn cần là truy cập vào bảng điều khiển quản trị WordPress.

  1. Truy cập vào thiết lập -> Bài giảng từ bảng điều khiển WordPress.
  2. Sửa đổi các trang blog hiển thị nhiều nhất giá trị.
triển khai phân trang trong WordPress
  1. Bấm vào Lưu thay đổi.

Số lượng bài viết hiển thị trên mỗi trang nên được điều chỉnh theo tổng khối lượng nội dung trang web. Ví dụ: nếu bạn có từ 50 đến 100 bài báo, thì mỗi trang chứa từ năm đến mười bài báo sẽ là lý tưởng.

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ỏ với khối lượng nội dung thấp.

Các plugin phân trang WordPress tốt nhất

Cá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 trong thư mục plugin chính thức. Chúng tôi sẽ đề cập đến ba plugin hàng đầu tiếp theo.

Tất cả các plugin này đều có thể tùy chỉnh thông qua menu của bạn thiết lập trong quá trình cài đặt và kích hoạt.

1. WP-PageNavi

Vì WP-PageNavi là một trong những plugin WordPress các phần mềm miễn phí phổ biến, rất có thể chủ đề WordPress của bạn bao gồm hỗ trợ tích hợp sẵn. Nếu không, bạn sẽ phải sửa đổi mã chủ đề của mình theo cách thủ công để làm cho plugin này hoạt động với mã tùy chỉnh được cung cấp trên trang plugin chính thức.

WP-PageNavi cung cấp các cài đặt đơn giản mà ngay cả 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 mục điều hướng và số trang. Ngoài ra, plugin cho phép bạn chuyển từ định dạng Các bài báo cũ et Bài viết gần đây trên thanh điều hướng được đánh số để điều khiển dễ dàng hơn.

Để truy cập vào các tùy chọn tạo kiểu khác, hãy cân nhắc việc tải addon Phong cách cho Trang WPNavi.

2. Phân trang WP

WP-Paginate là một plugin mã 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 một 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.

Ngoài các bài đăng trên blog, WP-Paginate cũng có thể chỉnh sửa các bình luận của bài đăng, điều này rất tiện lợi cho các blog nổi tiếng nhận được nhiều bình luận. Các yếu tố có thể tùy chỉnh khác bao gồm nhãn và nút và 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 tạo kiểu hơn cũng như quyền truy cập vào tài liệu plugin và hỗ trợ chuyên dụng trong một năm.

3. Phân trang theo thứ tự bảng chữ cái

Đúng như tên gọi của nó, Alphabetic Pagination 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 để phân loại các mục theo 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ẽ cung cấp cho bạn quyền truy cập vào các mã ngắn tùy chỉnh để phân trang và danh sách người dùng.

Ngoài ra, Phân trang bảng chữ cái tương thích với Cửa hàng WooCommerce và các trang danh mục sản phẩm.

Làm thế nào để sửa lỗi WordPress Pagination 404?

Lỗi 404 là một thông báo lỗi có thể xuất hiện khi thực hiện phân trang trong WordPress. Trong hầu hết các trường hợp, đó là do xung đột liên kết cố định 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 liên kết cố định tùy chỉnh /%category%/%postname%/ hoạt động bình thường trên trang đầu tiên, nhưng /page/2 url đã thêm https://www.domaine.com/taxonomie_personnalisee/page/2 có thể xung đột với cài đặt liên kết cố định 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 tình huống của bạn.

Thay đổi giá trị WP_Query posts_per_page

Nếu bạn truy cập thiết lập -> Bài giảng 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 được hiển thị ở mức tối đa ước tính 10.

Kiểm tra permalink cá nhân hóa từ WP_Query  và nếu posts_per_page có giá trị như nhau. Nếu không, hãy thay đổi cái này hoặc cái khác để chúng không xung đột.

Thêm quy tắc ghi lại phân trang

Phương pháp này liên quan đến việc xóa 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 tệp functions.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ã, điều hướng đến thiết lập -> permalinks từ bảng điều khiển của bạn WordPress và nhấp chuột Lưu thay đổi để xóa bộ nhớ cache các quy tắc.

Cuối cùng, phân trang là một tính năng hữu ích giúp các trang web 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 một plugin, điều này tạo sự thuận tiện cho người dùng ở mọi cấp độ kỹ năng kỹ thuật.

Chúng tôi đã xem xét một số cách để thêm phân trang vào trang web WordPress cũng như ba plugin WordPress tốt nhất phần mềm miễn phí thực hiện tính năng này.

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Đó là hướng dẫn cho bạn biết cách triển khai phân trang trong WordPress. Nếu bạn có bất kỳ mối quan tâm hoặc đề xuất nào, vui lòng cho chúng tôi biết trong vòng ý kiến.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Trong khi chờ đợi, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.   

...  

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