👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →
Попытался установить кнопки “ВКонтакте” – “Мне нравится” и “Сохранить” – но возникли проблемы. При вставке кнопки “Мне нравится” выходит так, что все десять кнопок (т.е. от всех постов на странице) выводятся в первом сообщении, а “Сохранить” получается разорванной на несколько частей. Всё делал по методам, описанным на сайте, а получается вот такая ерунда. Как решить проблему?
Если посмотреть на код виджета Вконтакте кнопки Like, то становится ясно, что он полностью списан с устаревшего и уже не используемого кода аналогичной кнопки Facebook. Да и вообще весь движок этой социальной сети – это полученный методом обратной инжинерии код, взятый из старой версии Facebook, вплоть до цветовой гаммы. Вот такой вот Дуров талантливый.
Так вот, этот код состоит из двух частей – вызова и подгрузки скрипта с сервера Вконтакте и вывода самой кнопки. Нужно понимать, что скрипт должен подгружаться один раз, а количество кнопок может быть любым. Поэтому, если вы хотите выводить несколько кнопок на одной динамической странице (допустим, на главной странице блога), то первая часть кода виджета Вконтакте должна на ней упоминаться один раз, а вторая часть – столько, сколько будет кнопок.
Поэтому попробуйте так – первую часть кода (невидимую) вставьте в header.php:
<!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?45"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script>а вторую часть – во внутрь цикла вывода содержимого поста:
<!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "full"}); </script>В данном примере код общий, вам для своего сайта нужно код сформировать самостоятельно на указанной выше странице.
По такой же схеме и работаю – кнопки Facebook, Twitter, Google + вставляются, а “ВКонтакте” не хочет – все кнопки столбцом в один пост встают…
А id и class элементов, из которых состоит встраиваемый код, точно не совпадает с вашими стилями?
Хм, а вот этого не знаю…