博客怎么添加收藏书签?下面本篇文章给大家讲解一下在wordpress博客中添加收藏书签的方法,并附上实现代码,希望对大家有所帮助!
WordPress博客怎么添加收藏书签?(附实现代码)
这两天在鼓捣给博客添加"社会性网络书签Social Bookmark",也就是文章下面提供给读者收藏分享文章的按钮。网络上提供了很多WordPress插件来实现书签的功能,但是大多数插件也就是提供一段JS代码,其他什么也没有提供,代码的定制性极差。
可喜的是一些网站提供了代码来实现书签功能,这很不错。于是做了一番测试,结果不是很满意,有些代码已经失效了,而且调用的小图片太多,增加了http连接数,对网站的加载速度有一定的影响。求人不如求己,自己从各大书签网站下载来了最新的代码,经过小小的拼凑,再用上CSS Sprites技术,把这些小图片整成一张,速度明显上来了。另外还对代码做了优化,通过W3C验证。
下图是制作成功的书签效果,或许在本文下方看到的能给你更深的体验:
好东西不能独享,下面就来分享一下这个书签收藏按钮的制作过程。很简单。
1、打开你的WordPress主题文件夹下single.php
2、找到,在下面加上以下代码(就是书签的显示位置,或者放到你觉得合适的地方):
**
收藏 &
分享
**
[1]: https://woniuwang.oss-cn-beijing.aliyuncs.com/20250603/563f6b8319f7a2d6ff9036ed4df59e54_1.jpg