2015-03-30 4 views
2

Я хотел бы изменить размер кнопки общего доступа к facebook. Значение по умолчанию, предоставленное facebook, смехотворно мало, и мне трудно изменить его размер. Я попробовал переписать класс и даже добавить идентификатор, но ничего не достиг желаемого результата.Изменение размера кнопки facebook share

Я имею в виду ниже кнопка доля facebook:

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

любая помощь будет очень appreicated, и обратите внимание, что он также должен хорошо выглядеть на мобильном телефоне, я просто нужно больше гибкости в настройке.

+0

Что такое CSS применяется к этому классу? И вы должны просто установить высоту и ширину. –

+0

Я просто использую эту .fb-share-button {width: 100px; высота: 100 пикселей; } – John

+0

... и где проблема? –

ответ

0

Кнопка Facebook Share напрямую не позволяет изменять стиль кнопки. Однако вы можете создать свою собственную кнопку совместного доступа, которая позволит вам настроить это, чтобы отразить ощущение вашего сайта.

Например для вы можете использовать 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/

Смежные вопросы