广告

pos代理商分润是什么意思

广告

pos代理商分润是什么意思

广告

pos机流量卡

广告

pos机流量卡

广告

机招租广告

广告

机招租广告
当前位置:首页 >>其他 > WordPress文章页面如何添加分页及阅读全文详细教程附代码

WordPress文章页面如何添加分页及阅读全文详细教程附代码

百度: 已收录 | 发布日期:2018年12月03日 00:44 | 浏览:77 次

wordpress文章页面如何添加分页及阅读全文详细教程附代码,相信大家在使用wordpress的时候文章页面过长很是烦恼,那么我们其实可以添加分页即可解决这个问题,文章长的确是很烦人的事情,大大的影响了用户体验。实现效果可以看这个页面

wordpress文章页面如何添加分页及阅读全文详细教程附代码

今天卡卡哥就把自己整理的分页教程分享给大家,代码来至网络不是卡卡哥原创,有些地方是卡卡哥自己修改的。

首先是函数代码,大家需要把它添加到 functions.php的模板当中

/*
* 懿古今博客分享
* 如何在 wordpress 文章分页中添加【阅读全文】按钮
* https://www.yigujin.cn//786.html
*/
add_filter(‘the_content’, ‘allpage_show’, 0);
function allpage_show($content) {
global $posts,$domain;
$url=home_url(add_query_arg(array()));
$short_url = str_replace( array( ‘http://’, ‘www.’ ), ”, $url );
$short_url = untrailingslashit( $short_url );
$strdomain = explode(“/”,$short_url);
$domain = $strdomain[2];
if ($domain==’all’) {
$content = $posts[0]->post_content;
$content = str_replace( “<!–nextpage–>”, ‘<div id=”quanwen”></div>’, $content );
}
return $content;
}
add_action(‘init’, ‘allpage_permalink’, -1);
function allpage_permalink() {
global $wp_rewrite;
$wp_rewrite->add_endpoint(“all”, EP_ALL);
$wp_rewrite->flush_rules();
}

添加好了以后我们还需要添加代码到文章页面single.php模板当中,下面是代码

<?php global $domain; if($domain != ‘all’){?>
<div class=”page-links”>
<?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ‘<span>上一页</span>’, ‘nextpagelink’ => “”)); ?>
<?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘number’, ‘link_before’ =>'<span>’, ‘link_after’=>'</span>’)); ?>
<?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ”, ‘nextpagelink’ => “<span>下一页</span>”)); ?>
<?php if ( $numpages > ‘1’ ) {?>
<a href=”<?php the_permalink() ?>/all#quanwen”><span>阅读全文</span></a>
<?php } ?>
</div>
<?php } ?>

一般把它放到阅读全文的代码即可,也是比较的简单

比较重要的就是我们需要在文章编辑器里面添加分页代码才可以实现分页的功能,下面看代码

add_filter( ‘mce_buttons’, ‘cmp_add_page_break_button’, 1, 2 );
function cmp_add_page_break_button( $buttons, $id ){
if ( ‘content’ != $id )
return $buttons;
array_splice( $buttons, 13, 0, ‘wp_page’ );
return $buttons;
}

wordpress文章页面如何添加分页及阅读全文详细教程附代码

添加这个代码以后我们网站后台可视页面会出现一个类似上面图片的按钮,我们需要在哪里分页直接点击即可,也是比较方便的。卡卡哥经常会分享一些wordpress食用的小知识,前几次卡卡哥在博客也说到了wordPress缩略图在首页如何添加文章和图片在一栏还有wordpress菜单的写法。大家都可以去看看了解了解。

当然还有一点就是需要添加一个css样式没有央视比较难看,当然样式可以根据自己的喜好来添加,这里是卡卡哥自己写的一个简单的样式分享给大家。

/*========================================================
   文章页面分页css样式
========================================================*/
.page-links {
    background: #ece9e9;
    text-align: center;
    font-size: 20px;
    display: block;
    padding: 20px;
}
.page-links a {
    padding: 0 5px;
    border: 2px dotted #8e8c8c;
}

小白说支付
作者:卡卡哥(信用卡迷) 文章原创,转摘请注明出处!! 本文链接:http://www.chinahzx.cn/3963.html


发表评论

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