【已解决】给wordpress的网站的retina主题的单个帖子添加文章分享按钮

【问题】

之前就看到过别人的博客中，对于帖子有分享的按钮，类似于这样的：

【解决过程】

1.一直也没刻意去折腾，所以就没去添加此功能。

2. 后来无意间看到百度这里有对应的工具：

http://share.baidu.com/get-codes?type=text&mini=0&style=1

就是我所需要的。

3.然后就去拷贝了对应的代码，放到自己的网站上。

当前自己的网站是wordpress的，用的是retina的主题。

其中对应的单个帖子中的模板是：

/wp-content/themes/retina/content-single.php

后来经过一些折腾，就搞定了：

【给wordpress的retina添加单个post的文章分享按钮】

在

/wp-content/themes/retina/content-single.php

的

<?php retina_author(); ?>

和

<?php comments_template( ”, true ); ?>

之间，添加如下代码：

<div id="nav-single">
    <!-- Baidu Button BEGIN -->
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
            <a class="bds_qzone">QQ空间</a>
            <a class="bds_tsina">新浪微博</a>
            <a class="bds_tqq">腾讯微博</a>
            <a class="bds_renren">人人网</a>
            <span class="bds_more">更多</span>
            <a class="shareCount"></a>
        </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=606291" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
    </script>
    <!-- Baidu Button END -->
    
    <div class="clear"></div>
</div><!-- #nav-single -->
<hr>

或采用悬浮窗效果的：

<div id="nav-single">
    <!-- Baidu Button BEGIN -->
    <script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=0&amp;uid=606291" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
    </script>
    <!-- Baidu Button END -->
    
    <div class="clear"></div>
</div><!-- #nav-single -->
<hr>

其中，关于HTML中添加横线，是参考这里的：

http://www.admin5.com/html/html_examples/007_horizontal_rule.html

得知HTML中添加横线是用<hr>。

转载请注明：在路上 » 【已解决】给wordpress的网站的retina主题的单个帖子添加文章分享按钮