WordPress 使用今日诗词 API

看到龙笑天下和扶苏的网站评论框里会随机出现一个跟浏览者当前环境相关性很不错的古诗词名句,感觉很有趣,找到了相关的文章及代码自己也添加了一下。

WordPress集成今日诗词古诗词名句API功能 - 龙笑天下 (ilxtx.com)

 /**
 * WordPress 集成今日诗词古诗词名句 API 功能 - 龙笑天下
 * https://www.ilxtx.com/integrating-jinrishici-api-to-wordpress.html
 */
function dr_show_jinrishici(){
    echo '<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script> <script type="text/javascript"> jinrishici.load(function(result) { var c = result.data.content+" ---- "+result.data.origin.dynasty+"·"+result.data.origin.author+"《"+result.data.origin.title+"》"; document.getElementById("comment").placeholder=c;; }); </script>';
}
add_action( 'wp_footer', 'dr_show_jinrishici' );

以上是第一版代码,一般来说Wordpress直接使用即可什么都不需要修改,我用了子比主题害怕作者把评论框的ID魔改掉就F12检查了一波,试错了几次之后发现还好,并没有,评论框的ID还是comment,什么都不用修改。

PS:在使用过程中发现当你处在主页或者没有评论框的位置代码也会执行,控制台会有一个报错。

  • jquery.min.js?ver=3.6.0:2
  • Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')

向大佬龙反馈之后没一会儿新的方案就出来了,神速 图片[1] - WordPress 使用今日诗词 API - 登山亦有道

PS:不支持 关于、友链、留言等页面评论框 (弃用)

/**
 * WordPress 集成今日诗词古诗词名句 API 功能 - 龙笑天下
 * https://www.ilxtx.com/integrating-jinrishici-api-to-wordpress.html
 * @date  2021.12.07
 */
function dr_show_jinrishici(){
	if( is_single() ){
    	echo '<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script> <script type="text/javascript"> jinrishici.load(function(result) { var id = "comment", c = result.data.content+" ---- "+result.data.origin.dynasty+"·"+result.data.origin.author+"《"+result.data.origin.title+"》"; if (document.getElementById(id)){ document.getElementById(id).placeholder=c; } }); </script>';
	}
}
add_action( 'wp_footer', 'dr_show_jinrishici' );

最终版

最终版

最终版

PS:增加关于、友链、留言等页面评论框支持。

/**
 * WordPress 集成今日诗词古诗词名句 API 功能 - 龙笑天下
 * https://www.ilxtx.com/integrating-jinrishici-api-to-wordpress.html
 * @date  2021.12.07 12:36
 */
function dr_show_jinrishici(){
	if( is_single() || is_page() ){
    	echo '<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script> <script type="text/javascript"> jinrishici.load(function(result) { var id = "comment", c = result.data.content+" ---- "+result.data.origin.dynasty+"·"+result.data.origin.author+"《"+result.data.origin.title+"》"; if (document.getElementById(id)){ document.getElementById(id).placeholder=c; } }); </script>';
	}
}
add_action( 'wp_footer', 'dr_show_jinrishici' );
© 版权声明
THE END
喜欢就支持一下吧
点赞91赞赏 分享
评论 晨岩, 城南旧事, 黎叔, 宁乐熙博客, 哥斯拉, 闲趣, 老俍, 扶苏, 龙笑天等人在此发表了22条热情洋溢的评论
匿名的头像 - 登山亦有道
提交
匿名的头像 - 登山亦有道

昵称

在 WordPress 上使用 Sticker Heo 增添互动时的乐趣吧 !

取消
昵称表情代码图片
    • 城南旧事的头像 - 登山亦有道
      城南旧事 Macintosh Firefox 95.0
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 96.0.1054.53
        • 城南旧事的头像 - 登山亦有道
          城南旧事 Macintosh Firefox 95.0
          • 晨岩的头像 - 登山亦有道
            晨岩作者 Windows Edge 96.0.1054.53
    • 黎叔的头像 - 登山亦有道
      黎叔 Windows Chrome 69.0.3947.100
    • 宁乐熙博客的头像 - 登山亦有道
      宁乐熙博客 Macintosh Safari 13.1.3
    • 晨岩的头像 - 登山亦有道
      晨岩作者 Windows Edge 96.0.1054.43
    • 哥斯拉的头像 - 登山亦有道
      哥斯拉 Windows Chrome 90.0.4430.212
      • 哥斯拉的头像 - 登山亦有道
        哥斯拉 Windows Chrome 90.0.4430.212
        • 晨岩的头像 - 登山亦有道
          晨岩作者 Windows Edge 96.0.1054.43
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 96.0.1054.43
    • 闲趣的头像 - 登山亦有道
      闲趣 Macintosh Chrome 96.0.4664.55
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 96.0.1054.43
    • 老俍的头像 - 登山亦有道
      老俍 Windows Edge 96.0.1054.43
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 96.0.1054.43
        • 老俍的头像 - 登山亦有道
          老俍 Windows Edge 96.0.1054.43
    • 扶苏的头像 - 登山亦有道
      扶苏 iPhone AppleWebKit 605.1.15
      • 晨岩的头像 - 登山亦有道
        晨岩作者 Windows Edge 96.0.1054.43