• 歡迎訪問奇跡の海網站,本站不上傳任何資源,所有資源均來自于網絡,歡迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下載資源為網絡上收集整理而來,并且以計算機技術研究交流為目的,版權歸原作者所有,僅供大家參考,學習,不存在任何商業目的與商業用途.
  • 本站系統鏡像均來自于官方原版,ed2k可視為P2P下載鏈接。所有操作系統默認均為試用版,如有正版密鑰可以有效激活,本站不提供任何激活和相關服務。

WordPress 非插件方式添加分享到社交網站按鈕

WP插件 奇跡の海 3年前 (2017-04-28) 542次瀏覽 已收錄 0個評論 掃描二維碼

WordPress 非插件方式添加分享到社交網站按鈕
相關代碼和圖片打包下載:

shareto

修改步驟如下:

零 : 把下載好的images下面的圖標文件上傳到你的空間中。

一 :把寫好的 shareto.PHP 上傳到你的主題目錄,然后把其中的圖片的地址改為你自己上傳的 如: /wp-content/themes/你的主題名字/ 下面:

<?php //shareto.php $permalink = urlencode(get_permalink($post->ID));
$title = urlencode($post->post_title);
$title = str_replace('+','%20',$title);

$sitename="cngump";
$domainurl="http://www.cngump.com/";
//把下面的圖片url替換成自己的空間的url
?>

我要分享到:

<ul>
    

<li><a title="新浪微博" rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="新浪微博" src="http://www.cngump.com/images/bookmark/sina.png" alt="新浪微博" /></a></li>


    

<li><a title="騰訊微博" rel="nofollow" target="_blank" href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+'<?php echo $title; ?>'+encodeURIComponent(document.title)+'&url='+encodeURIComponent('<?php echo $permalink; ?>')+'&jumpback=2&noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" >
        <img title="騰訊微博" src="http://www.cngump.com/images/bookmark/tqq.png" alt="騰訊微博" />
    </a></li>


    

<li><a title="網易微博" rel="nofollow" href="http://t.163.com/share/popup?sourceUrl=<?php echo $domainurl; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&content=utf-8" target="_blank"><img title="網易微博" src="http://www.cngump.com/images/bookmark/t163.png" alt="網易微博" /></a></li>


    

<li><a title="鮮果" rel="nofollow" href="http://www.xianguo.com/service/submitdigg/?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="鮮果" src="http://www.cngump.com/images/bookmark/xianguo.png" alt="鮮果" /></a></li>


    

<li><a title="九點" rel="nofollow" href="http://www.douban.com/recommend/?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&n=1" target="_blank"><img title="九點" src="http://www.cngump.com/images/bookmark/douban9.png" alt="九點" /></a></li>


    

<li><a title="人人" rel="nofollow" href="http://share.renren.com/share/buttonshare.do?link=<?php echo $permalink; ?>&title=<?php echo $title; ?>" target="_blank"><img title="人人" src="http://www.cngump.com/images/bookmark/renren.png" alt="人人" /></a></li>


    

<li><a title="抽屜" rel="nofollow" href="http://dig.chouti.com/digg.action?newsURL=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="抽屜" src="http://www.cngump.com/images/bookmark/chouti.png" alt="抽屜" /></a></li>


    

<li><a title="百度搜藏" rel="nofollow" href="http://cang.baidu.com/do/add?it=<?php echo $title; ?>&iu=<?php echo $permalink; ?>" target="_blank"><img title="百度搜藏" src="http://www.cngump.com/images/bookmark/baidu.png" alt="百度搜藏" /></a></li>


    

<li><a title="Follow5" rel="nofollow" href="http://www.follow5.com/f5/discuz/sharelogin.jsp?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8" target="_blank"><img title="Follow5" src="http://www.cngump.com/images/bookmark/f5.png" alt="Follow5" /></a></li>


    

<li><a title="Twitter" rel="nofollow" href="http://twitter.com/home?status=<?php echo $title; ?>%20-%20<?php echo $permalink; ?>" target="_blank"><img title="Twitter" src="http://www.cngump.com/images/bookmark/twitter.png" alt="Twitter" /></a></li>


    

<li><a title="Facebook" rel="nofollow" href="http://www.facebook.com/share.php?u=<?php echo $permalink; ?>&t=<?php echo $title; ?>" target="_blank"><img title="Facebook" src="http://www.cngump.com/images/bookmark/facebook.png" alt="Facebook" /></a></li>


</ul>


根據你的圖片路徑在文中修改相應的img的url即可

二. 修改你的主題樣式文件,在style.css最后加上以下樣式,如:/wp-content/themes/你的主題名字/sytle.css

/************************************************
*   shareto                                 *
************************************************/
#share {
        -moz-border-radius:5px 5px 5px 5px;
        -webkit-border-radius: 5px;
        float:left;
}

#share li  {
        float:left;
        margin:6px 0 0 5px;
        padding:4px 0 4px 8px;
        list-style-type:none;
        background:none;
}

三. 修改單編日志頁面的index.php(main index template),有的主題是single.php。把以下代碼加到你想放的位置。

<div id="share">
<?php include(TEMPLATEPATH."/shareto.php");?>
</div>


四. 刷新文章頁面看看效果和測試。


版權聲明:本站所有文章和資源使用CC BY-NC-SA 4.0協議授權發布 , 轉載應當以相同方式注明文章來自“SeaOMC.COM->WordPress 非插件方式添加分享到社交網站按鈕!在下邊可以分享本文哦!
喜歡 (1)
[]
分享 (0)
奇跡の海
關于作者:
一個WordPress菜鳥!
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
中国福利彩票36选7开奖结果