这篇文章主要介绍“WordPress博客如何添加收藏书签”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“WordPress博客如何添加收藏书签”文章能帮助大家解决问题。
1、打开你的WordPress主题文件夹下single.php
2、找到<?php the_content(); ?>,在下面加上以下代码(就是书签的显示位置,或者放到你觉得合适的地方):
<div id="soucang">
<strong>
<span style="color:#9932CC">收藏</span><span style="color:#57c200"> & </span>
<span style="color:#9932CC">分享</span>
</strong>
<ul>
<li id="kaixin">
<a href="https://www.19jp.com">
3、注意将上面代码中www.ludou.org网址改成你的,接着在你的WordPress主题CSS文件中加入以下代码:
#soucang {
margin:15px auto;
}
#soucang ul {
display:inline;
position:absolute;
}
#soucang li {
list-style:none;
float:left;
margin-right:10px;
display:block;
}
#soucang li a span {
/*请将下面的 http://example/m.gif 改成你自己的图片链接*/
background:url(http://example/m.gif) no-repeat;
display:block;
height:16px;
width:16px;
}
#soucang li#baidu a span { background-position: 0 0; }
#soucang li#bolaa a span { background-position: 0 -17px; }
#soucang li#delicious a span { background-position: 0 -34px; }
#soucang li#douban a span { background-position: 0 -85px; }
#soucang li#google a span { background-position: 0 -102px; }
#soucang li#hexun a span { background-position: 0 -119px; }
#soucang li#jiudian a span { background-position: 0 -136px; }
#soucang li#kaixin a span { background-position: 0 -153px; }
#soucang li#poco a span { background-position: 0 -187px; }
#soucang li#qq a span { background-position: 0 -204px; }
#soucang li#vivi a span { background-position: 0 -221px; }
#soucang li#yahoo a span { background-position: 0 -238px; }
#soucang li#xianguo {margin-left:10px; padding-bottom:5px;}
版权声明:除特别声明外,本站所有文章皆是本站原创,转载请以超链接形式注明出处!