Hướng dẫn sử dụng wp-pagenavi

Quý Khách đang tìm kiếm kiếm một Plugin phân trang ư? quý khách mong muốn thay thế sửa chữa code phân trang bảo thủ của WordPress ư? Vâng! bạn hoàn toàn có thể có tác dụng được điều này với Plugin Wp PageNavi. Cấu hình dễ dàng và đơn giản, thuận tiện thực hiện, cùng có tương đối nhiều hỗ trợ Style đẹp nhất.

Bạn đang xem: Hướng dẫn sử dụng wp-pagenavi

Vài nét về Wp PageNavi

Wp PageNavi là 1 trong những plugin phân trang tất cả lượt mua và cài đặt những tốt nhất bây giờ. Plugin hỗ trợ phân trang ưu việt, đẹp mắt. Cách thực hiện hoàn toàn đơn giản chưa đến một vài bước. Tương say mê được phần lớn các nhiều loại trang web. Thường xuyên ổn được tăng cấp để hỗ trợ những phiên phiên bản mới nhất của wordpress. Ngoài ra, còn rất có thể tùy ý sửa đổi css của plugin, làm cho các links phân trang trsống buộc phải trung thực rộng.

Sử Dụng Plugin

Cài Đặt Plugin

Vào Plugin => Add New => Search Wp PageNavi

Tiến hành setup cùng kích hoạt nhằm áp dụng plugin.

Xem thêm: Hướng Dẫn Cài Winxp Bằng Đĩa, Hướng Dẫn Cài Win Xp Bằng Đĩa

*
*
*
*
*
*
Xóa đoạn code phân trang của bối cảnh. Thông thường đoạn code sẽ có được dạng wp-link-page( array …Thêm đoạn code của plugin vừa copy ở bước 1. Dán đoạn code bên dưới the_content hoặc

Bước 4: Lưu lại thiết đặt cùng kiểm tra

Sau Lúc xóa đoạn code phân trang của bối cảnh và thêm đoạn code Wp PageNavi vào. quý khách cliông xã vào Savechange để giữ lại phần lớn thiết lập.

Xem thêm: Hướng Dẫn Cách Sử Dụng Thẻ Atm Cho Người Mới Bắt Đầu Từ A, Máy Atm Là Gì

Để đánh giá chúng ta nên tạo 1 tap trang web bắt đầu, tránh việc áp dụng tap chỉnh sửa bối cảnh. Vì phương pháp làm cho này đã tác động trực kế tiếp website. Nếu tất cả sự thế không muốn xảy ra với website của chúng ta. Tại tap này bạn cũng có thể sử dụng Ctrol + z nhằm quay trở lại một vài bước nhằm khôi phục themes.

Cách 5: Thêm Css cho plugin

quý khách rất có thể thêm đoạn css dưới đây vào trang web để phân trang thêm sống động. quý khách trọn vẹn rất có thể thiết lập cấu hình css theo nguyện vọng của người sử dụng chỉ cần có 1 ít kỹ năng về nó. Hình như, chúng ta có thể thực hiện những mẫu css nhưng tôi đã có tác dụng sẵng. Xem tại đây: 15 Mẫu CSS Phân Trang Đẹp Dành Cho Plugin Wp PageNavi


.wp-pagenavi font-size:15px; float: right;.wp-pagenavi a, .wp-pagenavi span.current margin:2px; text-decoration:none; border:1px solid #e3e3e3; color:#000; background:#fff; display:block; float:left; width:50px; height:40px; text-align:center; line-height:35px; -webkit-border-radius:30%; -moz-border-radius:30;border-radius:30%; font-weight: 700; font-size: 12px;.wp-pagenavi span.current text-shadow:none;.wp-pagenavi a:visited padding:6px 6px 5px; margin:2px; text-decoration: none; border:1px solid #e3e3e3; color:#000; background:#fff;.wp-pagenavi a:hover border:1px solid #EA453B; color:#fff; background:#EA453B; text-shadow:none;.wp-pagenavi .previouspostsliên kết, .wp-pagenavi .nextpostsliên kết border:0; background: none;.wp-pagenavi .previouspostslink:hover , .wp-pagenavi .nextpostslink:hover color: #898989; background: none; border:0;.wp-pagenavi a:active sầu padding:6px 6px 5px; margin:2px; text-decoration:none; border:1px solid #e3e3e3; color:#000; background:#fff;.wp-pagenavi span.pages padding: 8px 15px 8px; margin:2px; color:#000; background:transparent; float:left;.wp-pagenavi span.current margin:2px; border:1px solid #000; color:#000; border:1px solid #EA453B; color:#fff; background:#EA453B;.wp-pagenavi span.extend margin:2px; color:#000; background:#fff; float:left; -webkit-border-radius:30%; -moz-border-radius:30%; border-radius:30%; width:50px; height: 40px; line-height: 44px; text-align: center; border:1px solid #e3e3e3; background:#fff;.wp-pagenavi .first width:60px; height: 40px; line-height: 35px;.wp-pagenavi .last width:60px; height: 40px; line-height: 35px;

Lời Kết

bởi vậy, qua nội dung bài viết này mình đã chia sẽ đến các bạn một plugin phân trang hơi giỏi hiện thời. Cài đặt, thực hiện và cả css kèm theo. Đơn giản quá nhằm tiến hành đề xuất không nào. chúc các bạn thành công!!!


Chuyên mục: Kiến Thức