Facebook Share Button, равный Twitter. Кнопка

Question

Я создал рабочую кнопку Twitter с помощью: https://about.twitter.com/resources/buttons#tweet (которая действительно появляется на моем сайте на локальном хосте) и действительно нужна кнопка «Поделиться» в Facebook, которая соответствует ей в цветовой гамме, тип шрифта/цвет и эффекты выделения. Однако:

-Кнопка, созданная кодом Facebook здесь https://developers.facebook.com/docs/plugins/share-button/ не представляется редактируемой CSS, поэтому я не могу заставить ее выглядеть так же, как кнопка Twitter, которую у меня есть.

Хотел бы помочь, спасибо!

*** EDIT В соответствии с просьбой, вот некоторые фрагменты кода, чтобы помочь в тех, кто хочет помочь мне:

кнопка Twitter Я использую:

<a href="https://twitter.com/share" class="twitter-share-button" data-  
url="http://example.com" data-size="large" data-count="none" data-dnt="true">Tweet</a> 

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s) 
[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)) 
{js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 

... и вот что Facebook код, я начиная с:

<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/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

и

<div class="fb-share-button" data-href="http://example.com" data-width="75" data-type="button"></div> 

Answer 1

Да, кнопки Facebook не имеют редактируемого CSS, потому что Facebook хочет, чтобы их стили на своих кнопках.

Сказанное, вы можете обойти ограничения стиля, используя неподдерживаемую ссылку * facebook sharer.php. В основном, это старая версия кнопки совместного доступа, и пока вы не можете определить столько вещей (или получить обратные вызовы и т. Д., Когда происходит общий доступ), потому что это обычный html тег, вы можете стилизовать его, как вам хорошо.

Для краткого изложения того, как настроить параметры связи, check out this blog post.

Хотя Facebook устарел от sharer.php и действительно хочет, чтобы люди использовали новые версии, чтобы Facebook мог управлять стилем и т. Д., Они все еще сохраняют его, потому что он имеет такое широкое использование в Интернете. YMMV, но в настоящее время это единственный способ, которым я знаю, чтобы создать кнопку общего доступа к Facebook.