WordPress博客怎么添加收藏书签？（附实现代码）

发布日期： 2023-02-28 阅读量： 作者： ADMIN

wordpress博客怎么添加收藏书签？下面本篇文章给大家讲解一下在wordpress博客中添加收藏书签的方法，并附上实现代码，希望对大家有所帮助！

这两天在鼓捣给博客添加"社会性网络书签Social Bookmark"，也就是文章下面提供给读者收藏分享文章的按钮。网络上提供了很多WordPress插件来实现书签的功能，但是大多数插件也就是提供一段JS代码，其他什么也没有提供，代码的定制性极差。

可喜的是一些网站提供了代码来实现书签功能，这很不错。于是做了一番测试，结果不是很满意，有些代码已经失效了，而且调用的小图片太多，增加了http连接数，对网站的加载速度有一定的影响。求人不如求己，自己从各大书签网站下载来了最新的代码，经过小小的拼凑，再用上CSS Sprites技术，把这些小图片整成一张，速度明显上来了。另外还对代码做了优化，通过W3C验证。

下图是制作成功的书签效果，或许在本文下方看到的能给你更深的体验：

好东西不能独享，下面就来分享一下这个书签收藏按钮的制作过程。很简单。

1、打开你的WordPress主题文件夹下single.php

2、找到，在下面加上以下代码（就是书签的显示位置，或者放到你觉得合适的地方）：

<div>
<strong>
	<span>收藏</span><span> &amp; </span>
	<span>分享</span>
</strong>

<ul>
<li>
	<a>post_title);?&gt;&amp;rurl=<?php  echo urlencode(get_permalink($post->ID));?&gt;&amp;rcontent=<?php  $desc = strip_tags($post->post_excerpt); echo urlencode($desc); ?&gt;" title="转贴到开心网" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>ID));?&gt;&amp;title=<?php  echo urlencode($post->post_title);?&gt;" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>ID));?&gt;&amp;title=<?php  echo urlencode($post->post_title);?&gt;" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>ID));?&gt;&amp;title=<?php  echo urlencode($post->post_title);?&gt;" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>ID));?&gt;&amp;title=<?php  echo urlencode($post->post_title);?&gt;" title="Google书签" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>post_title);?&gt;&amp;iu=<?php  echo urlencode(get_permalink($post->ID));?&gt;" title="百度搜藏" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a>post_title);?&gt;&amp;uri=<?php  echo urlencode(get_permalink($post->ID));?&gt;" title="收藏到QQ书签" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<a><span></span></a>
</li>			

<li>
	<a><span></span></a>
</li>

<li>
	<a><span></span></a>
</li>

<li>
	<a><span></span></a>
</li>

<li>
	<a>ID));?&gt;&amp;title=<?php  echo urlencode($post->post_title);?&gt;" title="deliciou" rel="nofollow"&gt;<span></span></a>
</li>

<li>
	<script>
	cT="0";nc="#444";nBgc="";nBorder="#F5E5A9";tc="#649B00";tBgc="#FFF4D0";tBorder="#F5E5A9";tDigg="%E6%8E%A8%E8%8D%90";tDugg="%E5%B7%B2%E8%8D%90";defaultItemUrl="WEB_URL";defaultFeedUrl ="http://feed.feedsky.com/ludou";
	</script><script></script>
</li>
</ul>
</div>

登录后复制

# php # WordPress

上一篇: 如何使用 CSS 隔离处理不同版本组件库样式冲突？

下一篇: 纯CSS实现自适应布局时，如何让方块贴边自动换行靠左对齐？

WordPress博客怎么添加收藏书签？（附实现代码）

随便看看