利用WordPress短代码给文章添加卡片式内链,显示指定文章内容

最近写博客的时候要在文章中添加内链,主要是引用文章,而直接贴链接虽然是简单粗暴,但似乎并不是很美观。而正好逛雅兮大佬博客看到有这方面的教程,然后就有了这篇文章~~~

本文所附代码为精简版,已去除显示分类、阅读量以及缩略图,如需全部代码,请拉到最下面前往

采用短代码给文章添加卡片式内链,通过get_posts自定义调用文章的标题、发布时间等内容,直接以html的形式在前台加载,在一定程度上提高了用户体验,实际效果如下:

传播即是希望,博客正式启用腾讯公益404页面 #公益行动 刚刚悠闲的在各位大佬的博客转悠,忽然看到 book112 博客的一篇文章很有意义。 紧跟节奏,开展互联网公益行 […] 时间:2018/4/14 评论:8 阅读全文

一、将如下代码放入你主题的函数模板里(functions.php)

二、将下面CSS代码另存为embed-card.css文件,然后放入主题根目录的css文件夹中(与上述PHP代码中/embed-card.css路径对应)

三、调用指定文章

使用的时候只需要在文章里添加短代码即可~emmm这货直接调用了,请去掉删除后再调用

如果你不是在文章内容中,而是在其他地方想调用,则可使用下面代码来调用。

 

WordPress文章id查看方法这里就赘述了~多文章调用直接用,隔开即可

 

本文部分内容素材源自:雅兮网(如需全部代码请跳转大佬网站领取)

支持
支持 爱你 哈哈 哇哇 呜呜 滚啊

评论 4 条

这个功能还是不错的,不过我的主题带有这个功能之后,很少用上,还是比较喜欢直接链接过去

@boke112导航: 功能还行~ 还挺美观的,主要是还可以增强seo,我在想个办法把这个代码直接加在后台编辑器上面直接做个按钮,不然每次都要复制代码

发表评论

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

*
*