Sociable RE (русская версия)
В поисках оптимального плагина социальных закладок я наткнулся на минималистичный и при этом очень просто масштабируемый плагин Sociable.
К сожалению, поддержка плагина несколько раз переходила из рук в руки, поэтому теперь не ясно, поддерживает его кто-либо или нет. Последнее обновление обозначено 28-го октября 2009.
Я взял на себя смелость добавить к плагину популярные российские социальные сети и сервисы закладок. Все в рамках лицензии GPL второй версии.
Встречайте итог работы — Sociable Russian Edition (русская версия)
На данный момент, помимо массы иноземных сайтов, можно добавлять закладки в следующие отечественные:
- ВКонтакте
- Мой Мир @mail.ru
- Яндекс.Закладки
- БобрДобр
- Memori.ru
- МоёМесто.ru
- Сто закладок
- MisterWong.RU
- Google Buzz, он же «Живая лента Google»
- Google Orkut
- Live Journal, он Живой Журнал
Плюс я перевёл интерфейс админки.
Ответы на вопросы
Как вывести кнопки вертикально, в столбик?
Как вставить вывод кнопок в произвольное место шаблона?
Как поставить вместо стандартных иконок свои произвольного размера?
Как вывести кнопки вертикально, в столбик?
Ответ: Необходимо отключить свойство inline. Для этого:
- Скопируйте содержимое
sociable.cssв файл стилей текущей темы; -
Удалите правила
display: inline;из стилей Sociable. Получится такой набор:/* sociable */ div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; list-style-type: none; margin: 0; padding: 1px !important; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
- Отключите в настройках плагина использование стилей Sociable.
Собственно, редактированием стилей можно добиться любого вида отображения.
Как вставить вывод кнопок в произвольное место шаблона?
Ответ: Разместить кнопочки в любом месте шаблона можно с помощью кода:
<?php if (function_exists('sociable_html')) { echo sociable_html(); } ?>
Можно вручную указать, какие именно кнопки выводить, перечислив их названия:
<?php if (function_exists('sociable_html')) { echo sociable_html(Array("ВКонтакте", "del.icio.us", "Мой Мир")); } ?>
Работать это будет только в пределах стандартного цикла loop:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
Как поставить вместо стандартных иконок свои произвольного размера?
1. Заливаем иконки этого размера в папку
2. Указываем папку в настройке «Каталог картинок»
3. Открыть файл sociable.css (для удобства используйте EmEditor или другой редактор, но не блокнот)
Находим:
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } div.sociable { margin: 16px 0; }
Заменяем на:
16 меняем на 32.
Открываем sociable.php
Найти кусок кода:
alt=\"$description\" style=\"width: 16px; height: 16px
Заменяем 16 на 32 (или другой размер, согласно размеру ваших иконок)
Тоже самое проделываем с (в двух случаях)
echo "<img src=\"$imgsrc\" width=\"16\" height=\"16\"
4. Иконки увеличили на страницах, но в админке ситуация не из приятных.
Для превью иконок и их названий отведено мало места
Открываем sociable-admin.css
В блоке
#sociable_site_list li {Находим
height: 20px;
И 20 меняем на 50 например.
Выглядит это дело, например, так:
(c) TAIFUN
—–
Плагин доступен на WordPress.org
И снова приветы.
Такие вопросы:
1) Почему не цепляет изображения со страницы? Раньше вроде цеплял, а теперь не хотит.
2) Если включаю Thick Box, пропадают br и p – всё сжимается почему-то.
Как это можно исправить? Что я делаю не так?))
Певрый вопрос касался вконтакта.
Привет, @hordon, отвечаю:
1. Плагин ни коим образом не влияет на цепляемость изображений со страницы. Плагин-то ведь передает только ссылку, заголовок и кусочек статьи размеров в 250 символов. Видать, контактовцы чего-то накрутили. Без тик бокса Контакт изображения видит.
2. У себя сейчас отключил всплывающие окна с тик-боксом. Вроде всё ок. Какие именно br и p пропали-то? :) Плагин формирует маркированный список из ul и li элементов.
Хороший и толковый плагин, спасибо! Буду продвигать теперь свое творчество :)
@Teplova Daria, спасибо и вам за спасибо ;)
при наведении курсора на закладку скачет весь низ сайта. не особо силен в стилях. где подправить??? (хотелось бы чтоб была тень или хотя бы иконка становилась прозрачней) спасибо
@alex, никто из пользователей с такой бедой не сталкивался. Ты хотя бы адрес сайта покажи, чтоб можно было глянуть чего подправлять.
Спасибо за плагин!
И особенный плюс, что взялись доработать и не бросии начатую другими людьми реализацию.
Большое спасибо за такой замечательный плагин.
Но у меня возник вопрос, почему при нажатии кнопки «В контакте» в некоторых моих сообщениях по умолчанию ставится первая фотография из поста, а в других сообщения – какая угодно, но только не первая, даже иногда бывает значок RSS-фидера?
Конечно, ее можно легко изменить на нужную в окне «В контакте», но сообразит ли это сделать обычный рядовой пользователь?
@Ярослав Михайлин, тут уж ничего не поделаешь, картинку из контента выбирает контакт самостоятельно. Какой у них там алгоритм, не знаю. Сам частенько удивляюсь избирательности.
Плагин передает лишь ссылку, заголовок и начальный кусок статьи в качестве описания.
Я решил для своего блога подобрать иконки соц. закладок размером 32х32
Если у кого-то мало времени или не знает как это сделать:
1. Заливаем иконки этого размера в папку
2. Указываем папку в настройке «Каталог картинок»
3. Открыть файл sociable.css (для удобства используйте EmEditor или другой редактор, но не блокнот)
Находим:
div.sociable { margin: 16px 0; }Заменяем на:
div.sociable { margin: 32px 0; }Открываем sociable.php
Найти кусок кода:
Заменяем 16 на 32 (или другой размер, согласно размеру ваших иконок)
Тоже самое проделываем в
и
4. Иконки увеличили на страницах, но в админке ситуация не из приятных.
Для превью иконок и их названий отведено мало места
Открываем sociable-admin.css
В блоке
#sociable_site_list li {Находим
И 20 меняем на 50 например.
Всё.
@TAIFUN, спасибо за инструкцию. Добавлю в фак к плагину
Сорри, спешил и ошибся..
Вот это
Читайте как
Тоже самое проделываем с (в двух случаях)
Скриншоты.
Фронт:
http://s016.radikal.ru/i336/1011/50/9faf54486ba9.jpg
Админка:
http://s014.radikal.ru/i327/1011/1a/eb6c9923b86c.jpg
@TAIFUN, поправил и добавил иллюстрации.
А у меня наоборот все иконки вертикально по умолчанию встали. как их в строчку сделать?
Респект автору! Спасибо за плагин! Попробуем в деле…
Спасибо!
Есть ещё одно пожелание.. приделать опцию сворачивания и разворачивания панельки. Например, нажимаем на «Запомнить и поделиться» и разворачивается панелькак с соц. закладками.. это будет очень полезно, если администратор хочет вывести много соц. закладок, но в открытом виде такой вариант не будет смотреться на его шаблоне и т.п.
@TAIFUN, хорошее предложение. Будет в следующей версии.
Зашел на ваш сайт, уже почили? Всё в строчку выводится.
Отлично. Спасибо!
—
Надеюсь, что дошла денежка, которую я отослал (около недели назад) в качестве благодарности на Ваш R кошелёк.
Донатс получил, да. Благодарствую в ответ :)
@jackyfox, я поменял тему. Были проблемы с темой Blue Grace 3.5 от Vladimir Prelovac
Спасибо за плагин!
Для каритнок большего размера еще нужнп равить стиль
.sociable img {
А то тольок в админке картинки менялись, а в блоге никак не хотели.
Да, спасибо, что напомнили.
У себя поменял, а указать забыл…
К третьему пункту
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }16 меняем на 32
@TAIFUN, @Владимир, исправил.
Сам, кстати, использую Programmer’s Notepad для правильной работы с Юникодом, в частности плагины вордпресса все там писал. Только выбирайте режим UTF-8 No Mark, чтобы без BOM‘a, от которого у движка обычно яЛП.
Да, конечно, без BOM )
Ая пользуюсь для PHP файлов стареньким Notepad++ (но только версией 5.5.1 потому что в последующих, просмотр файлов с кириллицей вызывает трудности), а EmEditor для всех остальных файлов.. второй редактор ооочень нравится.
Правда, это уже другая тема.
С нетерпением жду новую версию плагина :) (потирая руки)
Добрый день! Классный плагин, но если он висит на главной странице, то добавляется не главная страница, а последняя запись, что не есть хорошо.
ой класс!!!а то меня Однакнопка уже надоела))
Good content! Will want some time to examine your content!!