«

WordPress博客如何添加收藏书签

时间:2024-8-6 09:04     作者:韩俊     分类: PHP


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

标签: php php教程

热门推荐