wp_page_navi_style

Chào các bạn, hôm nay mình sẽ giới thiệu một plugin giúp bạn tạo phân trang cho blog WordPress rất đẹp và tiện dụng. Khi blog của bạn có số lượng bài viết nhiều, mặc định của blog Wordpres sẽ phân trang cho bạn theo kiểu:

<< Older posts                                                                Newer posts >>

Nhìn không đẹp và không tiện dụng nếu bạn muốn chuyển ngay đến một rang bất kì. Vì vậy, mình sẽ sử dụng một plugin có tên là WP PageNavi.

Cài đặt WP PageNavi

WP PageNavi được cài đặt hoàn toàn giống với bất kì một plugins nào khác, bạn có thể tải WP PageNavi tại đây, giải nén và up lên folder plugins theo đường dẫn /wp-content/plugins/. Hoặc các bạn có thể và menu plugins > Add New > gõ vào tìm kiếm WP PageNavi và chọn cài đặt plugins này trong danh sách kết quả tìm kiếm.

Sau khi cài đặt, vào menu plugins để activate plugin này.

Sử dụng WP PageNavi

Đối với các Themes thông thường

Để sử dụng, bạn tìm đoạn code này trong themes của bạn (nằm trong file loop.php đối với themes twentyten):

Và thay thế bằng code sau:

Đối với Genesis Theme

Với những bạn sử dụng theme Genesis, bạn sẽ chỉnh sữa file post.php trong folder structure theo đường dẫn genesis\lib\structure\. Bạn tìm đoạn code:

Và thay thế bằng code:

Thực chất trong đoạn code trên, ta chỉ thêm vào điều kiện nếu có cài đặt WP PageNavi thì sẽ sử dụng hàm wp_pagenavi() còn nếu không thì sẽ sử dụng theo kiểu mặc định.

Đối với Genesis ChildTheme

Hoặc nếu các bạn sử dụng một Child Theme cho Genesis, các bạn chỉ cần mở file funstion.php trong childtheme ra và thêm vào đoạn code sau:

Lựa chọn style cho WP PageNavi

Mặc định style của WP PageNavi không đẹp, bạn có thể chỉnh sửa một chút để nó đẹp hơn. Để làm việc này, bạn có hai cách:

1. Chỉnh sửa file pagenavi-css.css

Bạn mở file pagenavi-css.css trong folder wp-pagenavi, thây thế toàn bộ nội dung file này bằng code css sau:

Bạn có thể chỉnh sửa lại cho phù hợp với blog của mình.

2. Sử dụng plugin  WP PageNavi Style để bổ sung style

Bạn có thể tải plugin này tại đây. Tiến hành cài đặt và activate. Sau khi activate, trong danh sách menu sẽ có thêm mục PageNavi Style. Bạn vào mục này để lựa chọn cho mình một style vừa ý.

pw pagenavi style

Nếu không thích các style được cung cấp sẵn, trong mục Select StyleSheet, bạn chọn Custom để tự thiết kế một style phù hợp.

Cảm ơn bạn đã đọc bài viết!

Leave a Reply

Your email address will not be published. Required fields are marked *

Đăng ký nhận tin khuyến mãi

Đăng ký nhận tin khuyến mãi

Không bỏ lở những khuyến mãi Hosting - Domain - WordPress Themes - WordPress Plugins hấp dẫn nhất!

 

Bạn đã đăng ký thành công!