Kể từ khi bắt đầu sử dụng chủ đề này, đây là chủ đề mà tôi đã tốn nhiều công sức nhất. Hiện tại, tôi có thể tạm gọi là làm quen với việc chèn mã và điều chỉnh kiểu dáng. Điều thú vị là chính chủ đề này đã thôi thúc tôi học hỏi thêm – thật là kỳ lạ! Đây là lần thứ ba tôi chỉnh sửa, và lần này tôi quyết định loại bỏ hoàn toàn nút lật trang cũ để thay thế bằng giao diện phân trang hiện tại. Quá trình thực hiện rất đơn giản, dưới đây là đoạn mã bạn có thể tham khảo và tùy chỉnh theo ý mình.
- Thêm đoạn mã sau vào file functions.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
function par_pagenavi($range = 9){
global $paged, $wp_query;
if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
if($max_page > 1){
if(!$paged){$paged = 1;}
if($paged != 1){echo " Trở về trang đầu ";}
previous_posts_link(' Trang trước ');
if($max_page > $range){
if($paged < $range){
for($i = 1; $i <= ($range + 1); $i++){
echo "$i";
}
} elseif($paged >= ($max_page - ceil(($range/2)))){
for($i = $max_page - $range; $i <= $max_page; $i++){
echo "$i";
}
} elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){
for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){
echo "$i";
}
}
} else{
for($i = 1; $i <= $max_page; $i++){
echo "$i";
}
}
next_posts_link(' Trang tiếp ');
if($paged != $max_page){
echo " Trang cuối cùng ";
}
}
}
|
- Thêm CSS để tạo phong1133win Uy Tín Không cách cho phân trang
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
.page_navi {
overflow: hidden;
width: 100%;
text-align: center;
}
.page_navi a {
height: 36px;
border: 1px solid #DDD;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color: #888;
text-decoration: none;
line-height: 36px;
margin: 2px;
padding: 3px 8px;
}
.page_navi a:hover,
.page_navi a.current {
border: 1px solid #FFBB76;
color: #FF7200;[123win city](https://www.s3e3.com/v9u/462.html)
font-weight: bold;
}
|
- Chèn đoạn mã gọi phân trang vào nơi cần hiển thị
(Số trong hàm par_pagenavi đại diện cho số lượng trang tối đa sẽ hiển thị. Bạn có thể điều chỉnh tùy theo nhu cầu của mình.)
1
2
3
|
<div class="page_navi">
<?php par_pagenavi(9); ?>
</div>
|
- Lời cảm ơn
Tôi xin gửi lời cảm ơn chân thành đến Wordpress University và Chang Meng vì đã cung cấp kiến thức quý báu giúp tôi hoàn thiện tính năng này.
Hy vọng rằng hướng dẫn trên sẽ hữu ích cho bạn trong việc cải tiến giao diện trang web của mình. Chúc bạn123win city 8888 thành công!