zoukankan      html  css  js  c++  java
  • 上一篇下一篇文章链接添加TITLE属性

    最近有个朋友在学WordPress时,期间问了我一个问题,当在文章页面添加上一篇和下一篇文章时,怎么没有title属性?我仔细一看还真没有,以前倒没注意到这个问题,于是在百度上搜索了一番,发现挺多人都有这方面的需求,但没有一个满意的答案,网上介绍的一种解决方法是修改Wordpress程序文件来实现,但我个人非常不喜欢。一则是程序的文件你最好别动,除非你想成为Wordpress的程序开发人员;二则是当你下次更新程序的时候,又得重新修改,太麻烦了,不适合我这种懒人。

    好吧,仔细研究一下吧,一般我们添加上一篇和下一篇文章时的代码是这样子的:

    1. <?php previous_post_link('%link','<<') ?>
    2. <?php next_post_link('%link','>>') ?>

    该代码最终解析出来的代码大概如下:

    1. <a href="……"> …… </a>
    2. <a href="……"> …… </a>

    这样子的结构是非常简单,如果我要增加title、target等属性值时,单靠上面两个函数是办不到的。其实要解决这个问题很简单,不知道大家有没有接触到这两个函数:get_previous_post、get_next_post。通过这两个函数我们可以获取到上一篇和下一篇文章的相关信息。大家可以到官网看看这两个函数的介绍。

    好了,下面就来干货,说下解决问题的方法。只要将:

    1. <?php previous_post_link('%link','<<') ?>
    2. <?php next_post_link('%link','>>') ?>

    替换成:

    1. <?php
    2. $prev_post = get_previous_post();
    3. if (!empty( $prev_post )): ?>
    4. <a title="<?php echo $prev_post->post_title; ?>" href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a>
    5. <?php endif; ?>
    6. <?php
    7. $next_post = get_next_post();
    8. if (!empty( $next_post )): ?>
    9. <a title="<?php echo $next_post->post_title; ?>" href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a>
    10. <?php endif; ?>

    通过上面的替换,问题就完美解决了。除了可以添加title属性外,大家如果有需要也可以加上新窗口打开的属性:target:"_blank"。

    好了,这个小技巧希望对大家有用。如果你有好的小技巧也可以和我们一起分享,让大家一起享受你的成就感。

  • 相关阅读:
    vue混入(mixins)
    vue.js依赖安装和引入
    vue.js入门环境搭建
    thinkPHP5.0使用form表单提交数据和删除文章,不用TP的提示页面,使用弹出提示信息
    js网页瀑布流布局
    浏览器存储localStorage、sessionStorage、cookie
    JS图片加载失败用默认图片代替
    PHP、thinkPHP5.0开发网站文件管理功能(四)下载文件
    PHP、thinkPHP5.0开发网站文件管理功能(三)编辑文件
    PHP、thinkPHP5.0开发网站文件管理功能(三)重命名文件
  • 原文地址:https://www.cnblogs.com/surplus/p/15736983.html
Copyright © 2011-2022 走看看