用户登录
用户注册

分享至

wordpress分页样式

  • 作者: 数学老师指着黑板问约不约
  • 来源: 51数据库
  • 2020-04-21

一、wordpress如何在自定义页面模板中分页

LZ是希望给在页面显示的日志中添加一个分页功能吗?如果添加分页功能可以使用插件wp_pagenavi,只要安装好后,在需要调用的地方添加<?php wp_pagenavi(); ?>;就行了。

如果不想使用插件,可以自己手写一个。

首先把下面的代码添加到function.php中

function pagination($query_string){

global $posts_per_page, $paged;

$my_query = new WP_Query($query_string ."&posts_per_page=-1");

$total_posts = $my_query->post_count;

if(empty($paged))$paged = 1;

$prev = $paged - 1;

$next = $paged + 1;

$range = 2; // only edit this if you want to show more page-links

$showitems = ($range * 2)+1;

$pages = ceil($total_posts/$posts_per_page);

if(1 != $pages){

echo "<div class='pagination'>";

echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."'>;最前</a>":"";

echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."'>;上一页</a>":"";

for ($i=1; $i <= $pages; $i++){

if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){

echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";

}

}

echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."'>;下一页</a>" :"";

echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."'>;最后</a>":"";

echo "</div>\n";

}

}

在需要调用分页功能的地方,添加<?php pagination($query_string); ?>; 即可。

CSS这个要根据你网站的主题修改。

二、WordPress分类页面如何实现分页

wordpress 默认翻页功能很弱,一页页翻,弄到你手麻,所以类似wp-pagenavi翻页插件,几乎是WordPress博客必装的插件,也是普及率很高的一款插 件。

虽然网上有如何把wp-pagenavi插件集成到wordpress主题的教程,但wp-pagenavi插件函数代码拖沓,只是变相启用插件而 已,并没有真正脱离wp-pagenavi插件。下面一段轻量级的函数,加上寥寥数行CSS样式就可以完全替代分页插件了。

分类页分页实现方法:首先将下面一段函数代码添加到主题的functions.php模板文件中:function kriesi_pagination($query_string){ global$posts_per_page, $paged; $my_query = new WP_Query($query_string."&posts_per_page=-1"); $total_posts= $my_query->post_count; if(empty($paged))$paged = 1; $prev =$paged - 1; $next =$paged + 1; $range = 2;// only edit this if you want to show more page-links $showitems =($range * 2)+1; $pages = ceil($total_posts/$posts_per_page); if(1 !=$pages){ echo""; echo ($paged> 2 &&$paged+$range+1 > $pages&& $showitems $pages)? "href='".get_pagenum_link(1)."'>最前":""; echo ($paged> 1 && $showitemshref='".get_pagenum_link($prev)."'>上一页":""; for ($i=1;$i if (1 !=$pages &&( !($i >=$paged+$range+1 || $i echo ($paged== $i)? "class='current'>".$i."":"href='".get_pagenum_link($i)."' class='inactive'>".$i.""; } } echo ($paged$showitems href='".get_pagenum_link($next)."'>下一页":""; echo ($paged&& $paged+$range-1 && $showitems $pages) ? "href='".get_pagenum_link($pages)."'>最后":""; echo"\n"; } } 接下来用下面的代码替换原来模板中默认翻页代码或分页插件代码:?> 最后再把下面的样式代码添加到style.css中,刷新一下页面,与使用插件实现的翻页效果一样。.pagination{ line-height:23px; } .pagination span, .pagination a{ font-size:12px; margin: 2px6px 2px 0; background:#fff; border:1px solid #e5e5e5; color:#787878; padding:2px5px 2px 5px; text-decoration:none; } .pagination a:hover{ background:#8391A7; border:1px solid #fff; color:#fff; } .pagination.current{ background:#fff; border:1px solid #8d8d8d; color:#393939; font-size:12px; padding:2px5px 2px 5px; }。

三、wordpress怎样设置分页

一,分类(category.php),归档页面(archive.php)及标签页面(tag.php)可以使用默认的分页函数:

当然,这种分页方式只有前一页后一页。

如果想采用数字序号式分页,可以安装插件 wp-pagenavi 二,文章内部分页: 如果单片文章插入分页符: <!--nextpage-->就可以完成数字分页。 这个功能由single.php中的函数控制,函数是: <?php wp_link_pages('before=' .' pages:'="" .="" '&after=') ?>如果没有,记得插入到 <?php the_content() ?>下方。

四、wordpress怎样设置分页

一,分类(category.php),归档页面(archive.php)及标签页面(tag.php)可以使用默认的分页函数:

<section id="nav_below" class="navigation">

<div class="nav_previous"><?php next_posts_link(' <span="" class="meta-nav" >«</span>="" older="" posts'="" )="">

<div class="nav_next"><?php previous_posts_link('Newer posts <span class="meta-nav">»</span>' ) ?></div>

<div class="clear"></div>

</section>

当然,这种分页方式只有前一页后一页。

如果想采用数字序号式分页,可以安装插件 wp-pagenavi

二,文章内部分页:

如果单片文章插入分页符:

<!--nextpage-->;就可以完成数字分页。

这个功能由single.php中的函数控制,函数是:

<?php wp_link_pages('before=<div class="page-link">' .'Pages:' . '&after=</div>') ?>;如果没有,记得插入到

<?php the_content() ?>;下方。

五、wordpress 自定义主题文章列表分页怎么做

可以采用 WP-PageNavi 这个插件,在后台插件搜索 并按安装,激活

添加分页代码

【配置细则】

WP-PageNavi在后台也有菜单可以配置它的显示样式。”配置“——”PageNavi“,可以看到它的配置界面,PageNavi可以配置显示的文字,还有页码的样式:

Text For Number of Pages:显示”文章总共有几页“;

Text For Current Page:显示”目前在第几页“;

Text For Page:显示”页码“;

Text For First Post:显示”第一页“;

Text For Last Posts:显示”最后一页“;

Text For Previous Post:显示”下一页“;

Text For Next:显示”下一页数据“;

Text For Previous:显示”有上一页数据“

PageNavi的CSS文件在”./wp-content/plugins/wp-pagenavi/pagenavi-css.css“中,如果你有一定的CSS+XHtml基础的话,你要可以定义自己的分页导航样式,使自己的分页导航更加适合自己网站的风格

望采纳 Thx

六、wordpress分页在哪个页面

'); ?>完成?php wp_link_pages('before=<?php the_content(); ?>在这段代码下面加上:<><!--nextpage-->要让这个代码真正能够实现其分页功能,还需要你所使用的Wordpress主题支持,Wordpress的默认主题是支持的.php里的下面这行代码;div id="page-links">&after=<,那解决方法也很简单,找到你主题文件内的single:

转载请注明出处51数据库 » wordpress分页样式

软件
前端设计
程序设计
Java相关