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

浏览: 483次 日期:2017年11月22日 22:54:07 作者:青格勒

对于一个网站来说,文章上下篇是必不可少的,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="http://cenggel.com/jishu/19.html" title="上一篇:wordpress安装失败怎么办?">上一篇:wordpress安装失败怎么办?</a>
  <a title="已经是最后一篇了">已经是最后一篇了</a>
</div>

4、wordpress分类目录上下篇、页面截图

4、这样你就可以使用wordpress的上下篇了,如果你想在很多个页面使用wordpress上下篇的话,可以放在单独的.php文件中,在详情页中引入进去也是可以的。引入代码如下:

<?php require('shangxia.php');?>

shangxia.php是你放wordpress上下篇的文件,可以按照你的文件命名来改变。

本wordpress上下篇的代码主要是用在同一个分类目录下文章中使用的。

现在你可以愉快的使用wordpress分类目录上下篇了。

代码还有很多的不足,如果您有更好的实现方法,还请指点。

文章链接:http://cenggel.com/wp/4.html

版权声明:文章《纯代码制作wordpress上下篇,分类上下篇》由青格勒编写,转载请带上文章链接。

本章内容纯属乱讲,如有雷同,纯属巧合。如有借鉴之处已表明出处。

点击任意位置关闭窗口,感谢您的支持。


打赏规则 - 为了避免对于打赏模式产生误解,说明一下几点内容:

  • 1.打赏纯粹自愿,金额不限,别太多,1块就行;
  • 2.打赏不能作为解答疑问的理由;
  • 3.打赏不能帮你做毕业设计或论文;
  • 4.打赏不能帮你做工作中的项目;
  • 5.打赏就是这不能那不能,只是单纯打赏而已。
  • 5.最后谢谢支持。
关闭
相关文章

发表评论

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