-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. 链接到社交媒体上的博客WP主题
- 2. 编辑社交链接的链接属性(WordPress的)
- 3. Rails社交链接模型
- 4. 社交媒体链接
- 5. html社交媒体链接
- 6. WordPress的隐藏社交媒体分享链接
- 7. 在引导栏中定位社交按钮WordPress主题
- 8. 链接在一个页面wordpress主题
- 9. DotNetNuke:博客模块的社交链接
- 10. 主题更新后Wordpress丢失链接。 [Enfold主题]
- 11. WordPress的主菜单 - 只在主页上隐藏'主页'链接
- 12. 社交引擎升级主题
- 13. WordPress用户链接提交
- 14. 链接图标和和社交网络
- 15. 社交媒体图标链接属性
- 16. 下载:删除社交媒体链接?
- 17. 在Bootstrap 3中链接社交图标
- 18. 社交媒体链接/元数据
- 19. 社交媒体链接分享
- 20. 在社交网站上链接预填充的邮件
- 21. 社交媒体上的链接按钮不会工作
- 22. 删除Facebook上的'注册'链接部分likebox社交插件
- 23. 如何在flexdashboard上定义社交网络图标的链接?
- 24. 社交连接
- 25. WordPress的标题链接了
- 26. 社交计数wordpress插件
- 27. Oauth.io服务和社交网络链接,取消链接?
- 28. 上传主题WordPress的
- 29. WordPress的永久链接不重定向链接在我的新主题
- 30. wordpress上的跳转链接
它可能是,但既然你已经给出了这样几个细节,那么所有我们能做的就是猜测。 – Howli 2014-08-31 16:03:01