欢迎光临
我们一直在努力
扫描二维码在手机上浏览
WordPress相关

WordPress短代码-给文章添加卡片式内链教程美化版

2019.05.22更新:修复卡片分类不准确的问题,感谢文字咖发现这个问题。

WordPress更新到4.4 版本后增加了 Post Embed 功能,可以把要引用的文章以嵌入式卡片展现出来,样式比较单一,并且只能直接输入网址调用,效果如下图:

本篇文章讲介绍利用短代码添加卡片式内链并且美化原始效果,使之看起来更舒适,先看下美化后的效果图:

在折腾之前希望大家一定要备份源文件,如果需要请耐心看完教程。

教程开始:

  1. 需要将如下代码放入你主题的函数模板里(functions.php
    隐藏内容,您需要满足以下条件方可查看
    登录后查看

    注意:上述代码中有调用自定义的函数(如阅读量等),如果使用DUX主题不需要修改,其它主题的话需要根据实际情况进行修改,由于大家的主题不统一。
  2. 添加以下 CSS 代码到 main.css 文件中即可。
    隐藏内容,您需要满足以下条件方可查看
    登录后查看
  3. 使用的时候只需要在文章里添加短代码
    【jsk_embed_post ids=123,245】

    WordPress 文章 id 查看方法不赘述,多篇文章用,隔开,把上面和下面的【】换成[]。

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

do_shortcode('【jsk_embed_post ids=123,245】')

适当增加文章内链对 SEO 有积极的作用,也让文章更加的丰满,何乐而不为呢?

THE END
历史上的今天
二月
12
    哇哦~~~,历史上的今天没发表过文章哦
标签
喜欢就支持一下吧!!!
点赞0打赏分享
版权声明
本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。
转载请注明:文章转载自:灵阳星空 » WordPress短代码-给文章添加卡片式内链教程美化版
本文标题:WordPress短代码-给文章添加卡片式内链教程美化版
本文日期:本文发表于 2020/02/12 15:48:13,最后更新于 2020/02/12 15:48:13,如内容失效,请反馈给我们,谢谢!
本文地址: https://www.jsksky.com/beautifying-the-inner-chain-of-wordpress-articles.html

网络臭虫

已发布414篇文章
吃得苦中苦,方为人上人,不卧薪藏胆,哪能苦尽甘来?点击进入我的网站了解更多有关我的信息。

评论 抢沙发

评论前必须登录!

 


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏