我可以更改 Facebook 和 Twitter 分享按钮的样式吗答案

【问题标题】：Can I change the style of Facebook and Twitter share buttons我可以更改 Facebook 和 Twitter 分享按钮的样式吗
【发布时间】：2016-03-17 10:04:37
【问题描述】：

因此，当我使用 Twitter 和 Facebook 共享功能时，我会看到如下所示的默认共享按钮：

我阅读了这些政策，上面写着：Don't obscure or cover elements of social plugins.我可以为按钮设置样式吗？

而不是默认值？还是这违反了 Facebook/Twitters 政策？

【问题讨论】：

原始社交按钮布局非常困难，甚至都不好笑。我开始将它们全部从我的网站中删除。

标签： css facebook twitter

【解决方案1】：

只需使用 HTML 和 CSS 构建您自己的。这真的很容易。只需制作 html 链接并使用 CSS 设计它们。将图标放入其中并准备就绪。在 Facebook 中分享的 URL 如下：

http://www.facebook.com/sharer/sharer.php?u=[URL]

对于 Twitter，它是：

https://twitter.com/intent/tweet?text=[TITLE]&url=[URL]&via=[USER]

括号 [] 中的所有内容都是您应该填写的内容（手动或通过 PHP/JS）。 URL 应该清楚。 TITLE 是 Twitter 与推文一起显示的文本，而 USER 是推文中 Twitter 显示的名称。像这样 »一些页面标题 [URL] 通过 @kaiserkiwi«

【讨论】：

【解决方案2】：

Facebook Do's and Don'ts:

注意事项

以任何方式修改 Facebook 品牌资产，例如更改设计或颜色

Twitter Usage Guidelines

始终使用我们的官方且未经修改的 Twitter 徽标来代表推特。

也就是说，Facebook 和 Twitter 徽标在网络上的数千个网页上进行了高度修改。我认为只要你的修改优雅、专业和有吸引力，你就不会面临任何执法行动。

如果他们确实与您联系，他们可能会以停止通知开始。此时，您可以删除修改后的徽标，执法措施通常会停止。

【讨论】：

【解决方案3】：

有几种方法可以实现这一点。困难的方法是阅读大量 Twitter 和 Facebook 文档并使用它们来创建自己的东西。简单的方法是使用 AddThis 等第三方工具。您可以以任何您喜欢的方式轻松自定义按钮。如果您使用 WordPress，this 是他们的插件。您还可以使用 ShareThis 和他们的 WordPress plugin。使用 ShareThis，您可以使用其原生 CSS 类来覆盖默认外观。例如，安装插件后，选择自定义选项，然后您可以定位以下类：.st_twitter_custom 和 .st_facebook_custom。希望，这会有所帮助。

【讨论】：