当你在写文章的时候,经常会遇到接着前面写过的某篇文章内容续写的情况,或者有时候会有部分内容与前面写过的某篇文章有关联的情况。这种时候就会很自然地想要在文章中引用站内的其他文章,一般情况下用a标签直接超链接也基本能完成需求。

当然, Wordpress 在4.4版本后增加了内容嵌入的功能,现在已经可以很方便地嵌入站内链接或者一些支持 oEmbed 标准的链接。当你在写文章的时候,直接输入需要嵌入的链接,就会显示预览效果:

wordpress_oEmbed_links

这样的功能应该是非常贴心的,读者可以在点开链接前就知道链接文章的大致内容。但是出于几个原因,我还是想要自己动手定制一个专属与个人博客网站的文章嵌入样式。于是参考了大发的内链短代码文章,给自己的博客也加入了该功能:

《定位:争夺用户心智的战争》笔记(1)《定位:争夺用户心智的战争》笔记(1):定位最基本的策略不是植入全新的、不一样的东西,而是操控已有的认知,将已有的关联认知重新进行组合。...

发表于 2016 年 1 月 28 日 - 5 条评论.

因为是针对引用站内文章,我们就通过使用一些 Wordpress 的函数来很好地调用文章的相关信息,包括文章标题、超链接、文章摘要、特色图片、浏览量等。并且可以通过CSS来自定义样式,这样可以使博客网站的逼格提升不少。再者,我们 Wordpress 新增的内容嵌入的样式非常简陋,并且响应式效果不好,在手机端会出现内容超出页面的情况,并且还能大大地看到 Wordpress 的logo,这也是让我坚持定制的原因之一。


下面给出实现方法:

把上面的代码加入到你网站主题的 functions.php 中,你也可以根据你自己的需要来调整代码。如果你要自己定义CSS样式的话,可以自己重新对class进行命名,当然你可以参考我的样式:

这样,定制的文章嵌入样式就完成。

当你写文章需要调用站内文章的时候,就可以直接通过短代码 [i_post ids=1123] 就能完成需求。那么,你也开始动手吧!

You Might Also Like

4 Comments

  • Reply haguo 2016 年 2 月 27 日 at 21:34

    不错,学习学习啦,我发觉你用360字库替换貌似好慢,直接用国内cn的服务器就好了

    • Reply AARON 2016 年 2 月 27 日 at 21:48

      @haguo 前端公共库挺多的,没去对比优劣。不过用360已经比用google的时候快了许多了。

      • Reply 黑暗游侠 2016 年 2 月 29 日 at 15:43

        @AARON 国内IP已经解析到北京服务器,ping测试下感觉比360快多了

    Leave a Reply