ProwerV6 主题添加 WordPress PageNavi 教程

之前提到我换了个主题——ProwerV6,但是,这个主题有点不好,它的 PageNavi 样式使用的是“Older Posts”和“Newer Posts”,而不是“PageNavi”,这显然不利于我们翻页查找。所以,我就给它添加了“PageNavi”。

添加方法:

1)修改主题的 Style.css,加入:

.page-numbers {font-weight:700; font-size:1.2em; line-height:34px; border-radius:20px; display:inline-block; width:34px; height:34px; margin:0 0.5em; text-decoration:none;}
.page-numbers {border:1px solid #333; color:#fff; background-color:#444; text-shadow:1px 1px #111;
	background-image:-webkit-linear-gradient(#444,#222);
	background-image:-moz-linear-gradient(#444,#222);
	background-image:-ms-linear-gradient(#444,#222);
	background-image:-o-linear-gradient(#444,#222);
	background-image:linear-gradient(#444,#222);
	box-shadow:0 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,inset 0 1px 0 #888;
}

2)修改主题的 Functions.php,加入:

<?php
	function nikbobo_pagenavi() {
		global $wp_query;   

		$big = 999999999; // need an unlikely integer
    
		$pagination = array(
			'base' => str_replace($big, '%#%', get_pagenum_link( $big )),
			'format' => '',
			'total' => $wp_query->max_num_pages,
			'current' => max(1, get_query_var('paged')),
			'prev_text' => '<',
			'next_text' => '>',
			'show_all' => false,
			'end_size' => 1,
			'mid_size' => 1
		);

		echo paginate_links($pagination); 
	}
?>

3)修改主题的 Index.php,查找:

<?php previous_posts_link(('<')) ?><?php next_posts_link(('>')) ?>

替换为:

<?php nikbobo_pagenavi(); ?>

大功告成!

此文章是由nikbobo发表在旧博客分类目录的。将固定链接加入收藏夹。

关于 nikbobo

Nikbobo,本名刘永强,记忆空间站长,男,1998 年出生于广东茂名,至今(2022 年)23 岁,目前(2022 年)就读于广州大学华软软件学院,常以“nikbobo”这个网名混迹互联网。如无特殊注明,Nikbobo 在本站发表的文章,遵循 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议。详情请参阅关于页面的作者介绍。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注