这篇文章主要介绍“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.maopiaopiao.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;}