最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

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

WordPress crifan 744浏览 0评论

【问题】

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

文章 分享

悬浮 分享

【解决过程】

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主题的单个帖子添加文章分享按钮

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
60 queries in 0.224 seconds, using 18.87MB memory