WP-PageNavi WordPress 插件

WP-PageNavi WordPress 插件

描述

要替换旧的 ← 较旧文章 | 较新的文章 →带有某些页面链接的导航链接?

该插件提供了wp_pagenavi()模板标签,它可以生成漂亮的分页链接。

用法

在您的主题中,您需要找到对next_posts_link() 和 previous_posts_link() 的调用并替换它们。

在 Twentyten 主题中,它看起来像这样:

<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div><div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>

您可以将这两行替换为:

<?php wp_pagenavi(); ?>

对于多页页面,您将查找如下代码:

<?php wp_link_pages( ... ); ?>

并替换为:

<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>

转到 WP-管理员 -> 设置 -> 分页导航 >进行配置。

更改CSS

如果需要配置WP-PageNavi的CSS样式,则可以将 pagenavi-css.css 文件从插件目录复制到主题目录,然后在其中进行修改。 这样,更新插件时您不会丢失任何更改。

或者,您可以在设置页面取消选中“使用pagenavi.css”选项,然后将样式直接添加到主题的style.css文件中。

更改Class名称

There are filters that can be used to change the default class names that are assigned to page navigation elements.

Filters

  • wp_pagenavi_class_pages
  • wp_pagenavi_class_first
  • wp_pagenavi_class_previouspostslink
  • wp_pagenavi_class_extend
  • wp_pagenavi_class_smaller
  • wp_pagenavi_class_page
  • wp_pagenavi_class_current
  • wp_pagenavi_class_larger
  • wp_pagenavi_class_nextpostslink
  • wp_pagenavi_class_last

Filter Usage

// Simple Usage - 1 callback per filteradd_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_previouspostslink_class');add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_nextpostslink_class');add_filter('wp_pagenavi_class_page', 'theme_pagination_page_class');function theme_pagination_previouspostslink_class($class_name) {  return 'pagination__control-link pagination__control-link--previous';}function theme_pagination_nextpostslink_class($class_name) {  return 'pagination__control-link pagination__control-link--next';}function theme_pagination_page_class($class_name) {  return 'pagination__current-page';}// More Concise Usage - 1 callback for all filtersadd_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_class');add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_class');add_filter('wp_pagenavi_class_page', 'theme_pagination_class');function theme_pagination_class($class_name) {  switch($class_name) {    case 'previouspostslink':      $class_name = 'pagination__control-link pagination__control-link--previous';      break;    case 'nextpostslink':      $class_name = 'pagination__control-link pagination__control-link--next';      break;    case 'page':      $class_name = 'pagination__current'      break;  }  return $class_name;}

Build Status

开发

  • https://github.com/lesterchan/wp-pagenavi

鸣谢

  • Plugin icon by SimpleIcon from Flaticon

Donations

我大部分的空闲时间都花在了创建,更新,维护和支持这些插件上,如果您真的喜欢我的插件并且可以为我赞助几块钱,我将不胜感激。 如果不是随意使用它,则没有任何义务。

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-04-23 15:59:54
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
2781198
加我微信
[电话联系]
13585372227
[电子邮件]
[email protected]
取消

选择聊天工具: