是否可以设置Facebook分享按钮或链接的样式？

Question

有没有一种方法可以使用我自己的背景图片或简单图像来设置我想要Facebook分享按钮或链接的样式？我一直在围绕这个问题缠头，谷歌搜索了很多，但我找不到任何具体的答案。我看到这个link的所有代码都在创建一个我认为不可能设置样式的iframe（因为这是第一个尝试的东西）。提前致谢。 正如你在我的按钮中看到的，我在我的背景图像上有facebook链接文本。如何摆脱该文本并使用display：inline-block;在我的链接上？

Answer 1

您可以在真实的Facebook按钮上应用opacity: 0，并使用一点CSS将自己的设计置于其后面：

HTML：

<div class="parent">
    <!-- your button -->
    <div class="myownbutton"></div> 

    <!-- real button -->
    <div class="fb-share-button"></div> 
</div>

CSS：

.parent {
    position: relative;
}

/** position it so the Facebook button sits at the same location as this button **/
.myownbutton {
    position: absolute;
    top: 0;
    /** add your design **/
}

/** it still lets you click but you can't see it. **/
.fb-share-button {
    opacity: 0;
}

Answer 2

如果您想拥有自定义共享按钮，则无法使用IFRAME。

您需要动态生成自己的。

<强> WORDPRESS

<a class="facebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share this post on Facebook!" onclick="window.open(this.href); return false;">Facebook</a>

您也可以通过后端生成并提供服务。

底线，你不能使用IFRAME。