По просьбе читателей, решил написать обзор ещё одного плагина кнопок социальных сервисов, который называется Russian Social Bookmarks Buttons, его реализацию можно увидеть в конце каждой из моих статей. С помощью него посетители могут добавлять ссылку понравившейся статью на свою страницу в социальной сети нажатием одной кнопки. Блок иконок добавляется автоматически после каждой статьи или вручную, с помощью специального тега.
Установка и настройка
Устанавливается Russian Social Bookmarks Buttons обычным способом, после чего требуется активация плагина в менеджере плагинов. Там же сразу можно изменить параметры:
- Используется ли SEF - если на вашем сайте используются ЧПУ-ссылки, то оставьте включенным
- Какой набор иконок использовать - выбрать набор иконок из двух режимов
- Префикс поста в твиттере - при публикации в Твиттер можно указать с чего начинается ссылка
- Вступительный текст - текст, который показан перед социальными кнопками
- Размер иконок - выбрать размер иконок - 24,32 или 48
- Использовать сокращатель ссылок - способ сокращения ссылок для твиттера (нет, 0lv.ru или j.mp)
- Цвет бэкграунда - выбрать цвет блока с социальными кнопками (transparent - прозрачный)
- Отступ между кнопками в пикселях - значение отступа между иконками
- Нужен ли бордер вокруг - применять или нет границу вокруг блока кнопок
- Показывать кнопки в конце статьи - показывать (после каждой статьи) или только там где будет вставлен тег {sоcial}
- Показать ссылку на плагин - можно скрыть ссылку на скачивание плагина, установив Скрыть
Возможные проблемы и их решения
У некоторых пользователей после установки плагина Russian Social Bookmarks Buttons не показываются сами иконки (у меня все нормально отобразилось). В интернете не нашел дельных рекомендаций по этому поводу. Попробую предложить своё решение:
- найти в интернете иконки социальных сетей, которые должны быть в этом плагине
- загрузить их в папку на сервере (например images/ico)
- в файле стилей вашего шаблона добавить записи (в таком же порядке, как на первом скриншоте с иконками):
#ibuts1 {background-image: url('/images/ico/twitter.png')}
#ibuts2 {background-image: url('/images/ico/facebook.png')}
... и т.д.
#ibuts9 {background-image: url('/images/ico/odnokl.png')}
Проверить свой способ на эффективность так и не смог, т.к. проблема у меня не проявилась. Возможно конфликт вызван библиотекой JavaScript, для решения можно установить плагин - JB Library.
Чтобы изменить стили отображения блока социальных кнопок, можно использовать встроенные классы, имена которых можно посмотреть с помощью дополнения к FireFox - FireBug. А затем использовать классы для добавления к ним свойств в файле стилей вашего шаблона. В случае, если встроенные в плагин свойства перекрывают ваши, укажите в конце значения !important (например, padding:0 !important;)
Если вы не хотите заморачиваться с исправлением багов плагина, то попробуйте похожие плагины - Fancy Bookmarks или SocButtons.
