如何自定义/设置Facebook分享按钮的样式

Question

我进行了搜索，并尝试了很多方法来制作自己的Facebook共享按钮风格 （此按钮可让您共享当前页面）

https://developers.facebook.com/docs/plugins/share-button/

由于按钮是iframe，我们无法访问它并设置其样式，我明白这一点。 但是我不知道某些网站的共享按钮具有不同样式吗？

 <!DOCTYPE html> <html> <head> <title>Your Website Title</title> <!-- You can use Open Graph tags to customize link previews. Learn more: https://developers.facebook.com/docs/sharing/webmasters --> <meta property="og:url" content="http://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Website Title" /> <meta property="og:description" content="Your description" /> <meta property="og:image" content="http://www.your-domain.com/path/image.jpg" /> </head> <body> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Your share button code --> <div class="fb-share-button" data-href="http://www.your-domain.com/your-page.html" data-layout="button_count"> </div> </body> </html> 

Answer 1

许多站点都有自己的社交共享按钮实现，而不调用Facebook API。 这就是他们自定义的方式。

例如，看看下一个网上的任何Arcticle 。

此外， 此内容的重复内容讨论了使用自定义共享/类似按钮实际实现开放图谱API所需要做的工作。

Answer 2

设置社交按钮样式的唯一方法是使用

可笑的社交共享按钮

👉https : //rrssb.netlify.com/