VPS参考测评推荐
专注分享VPS主机优惠信息

主机参考_WordPress技巧分享_纯代码使用WordPress短代码添加文章的卡片式链接

HOSTCCN-2020-3-1
主机参考:服务器测评参考推荐网,专注分享服务器优惠信息!如果您想在本站投放您的广告,点此直达!如果您不想付费,您也可以免费投稿您的产品信息,点此直达联系我们
部分文章发布时间较久远,可能存在未知因素,购买时建议在本博客搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!商家跑路不诚信列表

写博客时,我们经常需要在文章中添加链接。一方面是增加文章的相关性,提高SEO的效果。更重要的是,适当的引用文章也可以使内容更丰富,提高用户体验。

然而,常规的文章链接通常都是直接放在一个链接中,简单而粗糙,但是用户体验不是很好。WordPress在4.4版之后添加了Post Embed,以显示要引用的文章作为嵌入式卡,如下图所示

主机参考_WordPress技巧分享_纯代码使用WordPress短代码添加文章的卡片式链接-主机参考

但是,在实际使用中,主机引用认为这个函数不太实用。除了单一的样式,我们查看源代码,发现它将以js的形式输出iframe框架,这对SEO非常不利,其次,从实际加载效果来看,“卡片”加载效果很差,体验很差!因此,Post嵌入函数在主题中被直接禁用。

 

首先需要将如下代码放入你主题的函数模板里functions.php

CSS代码,建议另存为embed-card.css并放入主题根目录的css文件夹中(与上述PHP代码中路径对应)

 

使用的时候只需要在文章里添加短代码

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

 

适当增加文章链接对SEO有积极的影响,也能使文章更充实,为什么不呢?

iON
打赏
转载请注明原文链接:主机参考 » 主机参考_WordPress技巧分享_纯代码使用WordPress短代码添加文章的卡片式链接
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!

相关推荐


评论 1

  1. #1

    主机参考_WordPress技巧分享_纯代码使用WordPress短代码添加文章的卡片式链接

    主机参考 9个月前 (04-23)回复

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

支付宝扫一扫打赏

微信扫一扫打赏