Question

我想调整facebook分享按钮的大小。 facebook提供的默认值非常小，而且我很难调整它的大小。我尝试覆盖了这个类，甚至添加了一个ID，但没有达到预期效果。

我的意思是下面是facebook分享按钮：

<div class="fb-share-button" data-layout="icon"></div>

任何帮助都会有很大帮助，请注意它在移动设备上看起来也很好看，我只需要更灵活的定制。

Answer 1

Facebook Share按钮不会直接允许您修改按钮的样式。但是，您可以创建自己的共享按钮，以便自定义此按钮以反映您网站的感觉。

例如，您可以使用Javascript SDK生成共享对话框，如下所示：

FB.ui({
   method: 'share',
   href: 'https://developers.facebook.com/docs/',
}, function(response){});

您还可以使用网址重定向，并将其与自定义按钮相关联。

https://www.facebook.com/dialog/share?app_id=145634995501895&display=popup&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer

请参阅以下文档，了解有关实施的更多详细信息：https://developers.facebook.com/docs/sharing/reference/share-dialog

但请确保您遵守此处列出的Facebook品牌指南https://www.facebookbrand.com/

调整Facebook分享按钮的大小

1 个答案: