css - 调整 Facebook 分享按钮的大小

标签 css html facebook

我想调整 facebook 分享按钮的大小。 facebook 提供的默认值小得离谱,我很难调整它的大小。我尝试覆盖类,甚至添加一个 ID,但没有达到预期的结果。

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

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

如有任何帮助,我们将不胜感激,请注意,它在移动设备上也必须看起来不错,我只需要在定制方面有更大的灵 active 。

最佳答案

Facebook 分享按钮不允许您直接修改按钮的样式。但是,您可以创建自己的分享按钮,这将允许您对其进行自定义以反射(reflect)您网站的感觉。

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

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

您还可以使用 URL 重定向并将其链接到您的自定义按钮。

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/

关于css - 调整 Facebook 分享按钮的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29355400/

相关文章:

javascript - 具有单个寻呼机的多个 bx-slider 在 javascript 中管理所有内容

android - 使用 facebook API 通知将 android 应用程序通知发送到 facebook

javascript - 固定在 Flexbox 中的位置在 chrome 和 safari/firefox 之间表现不同

javascript - 如何在没有标签的情况下仅显示 HTML 代码中的前 x 个字符

html - 将三个 div 并排放置,但左右 div 必须重复到浏览器的边缘

facebook - 指向 Facebook 个人资料的链接并不总是有效

php - 使用 PHP 获取 Facebook 元标记

html - Bootstrap 列,100% 高度不适用

javascript - 使用javascript旋转div点击

html - 将旋转后的 div 对齐到右侧