纯代码制作wordpress上下篇,分类上下篇

发布时间:2018-11-14 11:50:53

对于一个网站来说,文章上下篇是必不可少的,wordpress自带的上下篇对于SEO优化不是很友好,上下篇的链接并没有title属性的存在。

所以这两天一直在看各种wordpress的上下篇的函数,期间也看了很多的案例,但是都没有能找到能满足我的要求的。

经过一晚上的研究,出了一套可用的wordpress上下篇的代码,考虑到第一篇和最后一篇对浏览者的友好度,添加了《已经是最后一篇》和《已经是第一篇了》的提示。

上下篇使用了最直接的布局,外面只有一个div标签来抱起来,里面是直接输出了a链接。

1、php代码如下

<!--上下篇开始-->
<div class="shangxia">
<?php
  $current_category=get_the_category();
  $prev_post = get_previous_post($current_category,'');
  $next_post = get_next_post($current_category,'');
?>
<?php if (!empty( $prev_post )): ?>
  <a href="<?php echo get_permalink( $prev_post->ID ); ?>" title="上一篇:<?php echo $prev_post->post_title; ?>">上一篇:<?php echo $prev_post->post_title; ?></a>
<?php else : ?>
  <a title="已经是第一篇了">已经是第一篇了</a>
<?php endif; ?>
<!--上下片分离-->
<?php if (!empty( $next_post )): ?>
  <a href="<?php echo get_permalink( $next_post->ID ); ?>" title="下一篇:<?php echo $next_post->post_title; ?>">下一篇:<?php echo $next_post->post_title; ?></a>
<?php else : ?>
  <a title="已经是最后一篇了">已经是最后一篇了</a>
<?php endif; ?>
</div>
<!--上下篇结束-->

2、CSS样式如下

.shangxia a {
  width: 50%;
  color: #fff;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.shangxia a[href]:hover {
  color: #fff;
  background: #000;
}
.shangxia a:nth-child(2) {
  text-align: right;
}

3、输出代码如下,a链接上有title

<div class="shangxia">
  <a href="#" title="上一篇:wordpress安装失败怎么办?">上一篇:wordpress安装失败怎么办?</a>
  <a title="已经是最后一篇了">已经是最后一篇了</a>
</div>
小兽wordpress凭借多年的wordpress企业主题制作经验,坚持以“为用户而生的wordpress主题”为宗旨,累计为2000多家客户提供品质wordpress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽wordpress能坚持多年,是因为我们一直诚信。我们明码标价(wordpress做网站需要多少钱),从不忽悠任何客户,我们的报价宗旨:“拒绝暴利,只保留合理的利润”。如果您有网站建设、网站改版、网站维护等方面的需求,请立即咨询右侧在线客服或拨打咨询热线:18907337671,我们会详细为你一一解答你心中的疑难。

相关文章

写给所有做网站的朋友的一封信

写给所有做网站的朋友的一封信

现在就开始执行“1+N”营销推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质 量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体营销推广吧,我们和你一起,开创互联网营销大未来!

点击查看详情

准备开启WordPress网站建设推广?

我们相信高端漂亮的网站不应该是昂贵的,这就是wordpress对每个人都是免费的原因
wordpress建站免费入门,并提供价格合理的wordpress建站套餐。