1. 程式人生 > >為 WordPress 新增分享到社交網站按鈕(非外掛)

為 WordPress 新增分享到社交網站按鈕(非外掛)

相關程式碼和圖片打包下載:

修改步驟如下:

零 : 把下載好的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 ?>
<h3>我要分享到:</h3> <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>

四. 重新整理文章頁面看看效果和測試。

相關推薦

WordPress 新增分享社交網站按鈕(外掛)

相關程式碼和圖片打包下載: 修改步驟如下: 零 : 把下載好的images下面的圖示檔案上傳到你的空間中。 一 :把寫好的 shareto.php 上傳到你的主題目錄,然後把其中的圖片的地址改為你自己上傳的 如: /wp-content/themes/

WordPress 實戰:在wordpress文章中加入分享到微博及社交網站按鈕(程式碼實現,外掛

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

WordPress新增固定位置的百度分享按鈕

<div id="share"> <div class="share"> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">

WordPress編輯器新增WP-Syntax按鈕

熟悉程式設計的網友,在 WordPress 插入程式碼是經常的事情。使用程式碼外掛,可以讓你的程式程式碼更容易閱讀。WP-Syntax 就是這樣一個程式碼外掛,不過,WP-Syntax 外掛使用起來卻並不太方便。 使用這個外掛,每次插入程式碼的時候,都需要手動輸入一些預設定

部落格園markdown程式碼塊新增摺疊與複製按鈕

selection 和 range 先放上MDN上的解釋:selection, range 摺疊功能好寫,但是複製功能有些麻煩,最後查MDN解決了,相容性還沒有測試,簡而言之,就是獲取selection,建立一個range,把要複製的元素放到range裡,由此獲取要複製的文字,生成一個textarea並把

wordpress後臺登陸新增算術驗證碼

對於新建站(個人部落格-檸檬https://ninmong.com)的站長來說提高後臺的安全性,是一件非常重要的事,新增驗證可以起到很好的效果,廢話少說,貼程式碼 //後臺登陸數學驗證碼 function rhymo_add_login_fields() { //獲取兩個隨機數, 範圍0~9 $nu

WordPress開發原始碼 國內社交關注按鈕(ChinaSocialFollowUsButtons)

國內社交關注按鈕(ChinaSocialFollowUsButtons) 如果你想要一款簡單風格的關注我們按鈕,那麼你可以試一試我們原創的ChinaSocialFollowUsButtons。 在使用時,只需要填寫 a 標籤 href 引數,圖示就會自動顯示出

如何在WordPress選單新增條件邏輯

您想在WordPress中在不同的頁面顯示不同的導航選單項嗎?也許為登入使用者顯示不同的選單,或者在特定頁面上隱藏某個選單?通常它可能要求您新增程式碼片段或使用CSS來隱藏選單項,但如果您可以在WordPress管理區域內執行此操作,那會不會更好?在本文中,我們將向您展示如何在WordPress

WordPress在自己的網站新增原始碼

第一步:用WordPress新建頁面: 裡面可以什麼都不寫,注意下頁面的命名以及固定連結:這裡舉例為"game01"; 第二步:在網站主目錄www下建立資料夾game01: 第三步:把下載的原始檔rar/zip解壓到game01下: 第四步:把index.

wordpress 在分類目錄分類新增分類型別

// 分類新增欄位 function add_taxonomy_field(){ $type = ['article' => '文章', 'product' => '產品', 'case' => '案例']; $html = '&l

WordPress 分類新增圖片的外掛:Categories Images

Categories Images is a WordPress plugin which allow you to add an image for each category (or term), it is so easy to user. This plugin

分享】部落格美化(4)部落格新增一個智慧的文章推薦外掛

  在上一篇部落格“部落格美化(3)為部落格新增一個漂亮的分享按鈕 "中詳細介紹目前各種社會化網站的推薦按鈕,可以讓自己或者網友快速的將你的文章分享到其他網站,增加文章的曝光度。部落格園提供了一個公共通用的平臺,非常好,為了讓自己的部落格更加智慧,更加漂亮,今天繼續像大家推薦幾款部落格外掛,用來給你的部落

QT用訊號和處理機制事件新增處理動作(點選按鈕顯示helloworld)

首先新建一個專案命名為“QtGuuitest3” 雙擊 "QtGuitest3.ui" 其中按鈕的名字是pushButton 多行文字框為plainTextEdit 在QtGuuitest3.h中新增 #pragma once #include &

hexo next主題部落格新增分享功能

今天心血來潮,決定給部落格新增分享功能,百度上首先是找到了使用shareSDK的分享功能,最後在實踐的過程中發現它新增時步驟比較多,新增完成後效果比較醜(就是一個長條的淺藍色按鈕),而且點選後想要退出分享比較麻煩(它的取消按鈕實在太難找了,它在頁面最下方的位置,

ListView每個Item上面的按鈕新增事件

1.先看下效果圖:        在這裡僅供測試,我把資料都寫死了,根據需要可以自己進行修改,此外實現ListView上面每個Item上的Button的事件有兩種方法: 1.使用final變數擴充套件區域性變數的生命週期範圍主要程式碼(本文最後附全部程式碼): //注意原本getView方法中的int 

在網頁上新增分享到朋友圈、傳送給好友、分享按鈕

微信公眾平臺開始支援前端網頁,大家可能看到很多網頁上都有分享到朋友圈,關注微信等按鈕,點選它們都會彈出一個視窗讓你分享和關注,這個是怎麼實現的呢?今天就給大家講解下如何在微信公眾平臺前端網頁上新增分享到朋友圈,關注微訊號等按鈕。 微信內嵌瀏覽器 通過 Mac 遠端除錯

社交網站和微博一鍵分享的程式碼

在社交網站和微博滿天飛的時候,怎麼讓自己網頁快速分享給好友?下面介紹開心網,人人網,新浪微博和騰訊微博一鍵分享的方法。在HTML程式碼中加入如下<a id="share2kaixin" href="#" targe

ListView每個Item上面的按鈕新增事件在Adapter中響應

//注意原本getView方法中的int position變數是非final的,現在改為final @Override public View getView(final int position, View convertView, ViewGroup parent) { ViewHolde

新增分享到朋友圈、傳送給好友、分享按鈕

微信內嵌瀏覽器 通過 Mac 遠端除錯 iPhone 上微信自己的網頁,我們可以發現微信內嵌瀏覽器定義了一個私有 JavaScript 物件:WeixinJSBridge,通過操作這個物件的相關方法可以實現分享到微信朋友圈,和判斷一個微訊號的關注狀態以及實現關注指定微訊

wordpress的woocommerce外掛新增支付寶的JCB支付

JCB卡是來源於日本的世界通用的信用卡,雖然沒貝寶那樣知名,但是在日本還是很流行的,貌似貝寶不支援JCB支付,所以只能用支付寶了 1、wordpress,woocommerce這些東西你先安裝了在說,沒有安裝的去安裝。 2、去wordpress的外掛中心安裝Alipay f