我們在仿站或者創(chuàng)作WordPress主題的時候，有時候是需要設(shè)定頁面的分頁樣式的。當(dāng)然，對于我們常用主題開發(fā)可以預(yù)先找一些好看的分頁樣式保存以備用直接復(fù)制使用。這里我也看到這個網(wǎng)友分享的WordPress美觀的分頁樣式。

這里附上代碼：

    //分頁li標(biāo)簽
    function echo_li_a($i,$paged){
    	if($i == $paged){echo "<a class='hover'>".$i."</a>";}
    	else{echo "<li><a href='".get_pagenum_link($i)."'>$i</a></li>";}
    }
    function pageNavLink($range = 5) {//分頁范圍，設(shè)為奇數(shù)具有對稱性
    	global $paged,$wp_query;
    	if (!$max_page) {$max_page = $wp_query->max_num_pages;}//產(chǎn)生的最大分頁數(shù)
    	$startRange = ceil($range/2);//分頁范圍中間的位置
    	if($max_page > 1) {
    		if(!$paged) $paged = 1;//首頁為0，初始化為1
    		if($paged > 1){//如果不在首頁
    			echo "<li><a href='".get_pagenum_link(1)."'>首頁</a></li>";
    			echo "<li><a href='".get_pagenum_link($paged-1)."'>上一頁</a></li>";
    		}
    		else{echo "<li><a>首頁</a></li>";}//如果在首頁
    		if($max_page > $range) {//產(chǎn)生的分頁數(shù)超過范圍
    			for($i = 1;$i <= $range;$i++){
    				if($paged > $startRange && $paged <= $max_page - $startRange + 1){
    					//中間。存儲$i的值，當(dāng)前頁數(shù)減去中間頁數(shù)，再加上$i得到開始頁數(shù)，然后循環(huán)遞增
    					$position = $i;$i = $paged - $startRange + $i;
    					echo_li_a($i,$paged);$i = $position;
    				}
    				elseif($paged <= $startRange){echo_li_a($i,$paged);}//前面
    				else{
    					//后面。存儲$i的值，最大頁數(shù)減去范圍頁數(shù)，再加1得到開始頁數(shù)
    					$position = $i;$i = $max_page - $range + $i;
    					echo_li_a($i,$paged);$i = $position;
    				}
    			}
    		}
    		//產(chǎn)生的分頁數(shù)未超過范圍
    		else{for($i = 1;$i <= $max_page;$i++){echo_li_a($i,$paged);}}
    		if($paged == $max_page){echo "<li><a>末頁</a></li>";}//如果在末頁
    		else{//不在末頁
    			echo "<li><a href='".get_pagenum_link($paged+1)."'>下一頁</a></li>";
    			echo "<li><a href='".get_pagenum_link($max_page)."'>末頁</a></li>";
    		}
    	}
    }

如何調(diào)用：

<div><?php pageNavLink();?></div>

這個代碼來自網(wǎng)絡(luò)上，附上轉(zhuǎn)載地址。

本文用到的圖片和代碼來自：https://www.luojiasan.com/category/wordpress/1124.html

我們需要根據(jù)實(shí)際的頁面添加CSS樣式達(dá)到美觀效果。