-1
A
回答
0
我使用此代碼。我希望它有幫助。
對於鳴叫:
<a class="tweet-it" href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=<?php echo urlencode(get_the_title($post->ID)); ?>&via=your-twitter-username&related=your-twitter-username,your-another-twitter-username" title="Tweet!">Tweet</a>
對於針吧:
<a class="pin-it" href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink()); ?>&media=url-to-posts-image">Pin It!</a>
我沒有一個代碼, 「喜歡」。但在Facebook上分享也很容易:
<a class="fb-share-it" href="http://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>">Share</a>
+0
非常感謝@MHT – 2014-09-01 04:47:02
1
這是一種如何做到這一點的方法,我推薦使用字體圖標。
<div class="socials">
<a href="#"><i class="icon-fb"></i> Like</a>
<a href="#"><i class="icon-pn"></i> Pin it</a>
<a href="#"><i class="icon-tw"></i> Tweet</a>
</div>
.socials{
margin: 30px 0;
}
.socials > a{
background: linear-gradient(white, rgb(236, 236, 236));
padding: 7px 15px 7px 10px;
font-family: arial;
font-size: 12px;
border: 1px solid lightgrey;
text-decoration: none;
color: rgb(107, 107, 107);
}
.socials > a:hover{
background: linear-gradient(rgb(236, 236, 236),white);
border-color: rgb(185, 185, 185);
color: rgb(39, 39, 39);
}
.socials > a > i{
width: 16px;
height: 16px;
display: inline-block;
background-repeat: no-repeat;
vertical-align: bottom;
margin-right: 5px;
}
.icon-fb{
background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/social_3-16.png);
}
.icon-pn{
background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/pinterest-16.png);
}
.icon-tw{
background-image:url(https://cdn3.iconfinder.com/data/icons/social-circle/512/social_8-16.png);
}
相關問題
- 1. Rails社交鏈接模型
- 2. html社交媒體鏈接
- 3. 社交媒體鏈接
- 4. WordPress的隱藏社交媒體分享鏈接
- 5. 鏈接在一個頁面wordpress主題
- 6. 在引導欄中定位社交按鈕WordPress主題
- 7. DotNetNuke:博客模塊的社交鏈接
- 8. 主題更新後Wordpress丟失鏈接。 [Enfold主題]
- 9. WordPress的主菜單 - 只在主頁上隱藏'主頁'鏈接
- 10. 社交引擎升級主題
- 11. 下載:刪除社交媒體鏈接?
- 12. 鏈接圖標和和社交網絡
- 13. 社交媒體鏈接分享
- 14. 社交媒體鏈接/元數據
- 15. 刪除Facebook上的'註冊'鏈接部分likebox社交插件
- 16. 在社交網站上鍊接預填充的郵件
- 17. 如何在flexdashboard上定義社交網絡圖標的鏈接?
- 18. 社交連接
- 19. WordPress的標題鏈接了
- 20. 社交計數wordpress插件
- 21. 上傳主題WordPress的
- 22. WordPress的永久鏈接不重定向鏈接在我的新主題
- 23. wordpress上的跳轉鏈接
- 24. WordPress的主題垃圾郵件鏈接裏面的帖子
- 25. 本地主機不讓我的WordPress鏈接到我的鏈接
- 26. 如何在WordPress文章內沒有文字鏈接社交媒體圖標?
- 27. WordPress的:「get_the_tags」功能與鏈接張貼在主題
- 28. WordPress的 - 在主頁上提交評論
- 29. WordPress的社交插件不使用'postname'
- 30. 插入鏈接/編輯鏈接在WordPress博客主題中未突出顯示
它可能是,但既然你已經給出了這樣幾個細節,那麼所有我們能做的就是猜測。 – Howli 2014-08-31 16:03:01