Кнопки социальных сетей в Joomla 2.5
Куда внедрять?
Какие и где взять?
Блок Поделиться от Яндекса и панель от Pluso
Плавающая вертикальная панель от Share42
Выборочное размещение
Локализовав файлы и места в их коде, куда внедряются скрипты панелей социальных кнопок, перейдем к вопросу, где взять эти скрипты. Есть множество сервисов, помогающих сгенерировать подобный код в соответствии с потребностями вебмастера. Рассмотрим два из них.
Блок "Поделиться" от Яндекса
Неплохой вариант для русскоязычного сайта. Идем на http://api.yandex.ru/share/ и настраиваем панель. В группе Набор сервисов выбираем интересующие нас соцсети. Почему-то включены только 12 сервисов, хотя на деле поддерживается 21 (включая Яндекс.Закладки), в чем можно убедится на странице документации. Как добавить остальные - чуть позже.
Теперь выберем внешний вид блока, кликнув на одном из вариантов в соответствующем меню. Скопируем содержимое раздела Код. Полученный скрипт вставляем согласно инструкции из предыдущей статьи. Чтобы добавить сервисы, не вошедшие в сгенерированный код, кликаем на линк Документация и скроллим вниз до раздела Список поддерживаемых сервисов. Я, например, зарегистрирован в LinkedIn. Нахожу его в списке, копирую ID сервиса - linkedin и добавляю к скрипту: data-yashareQuickServices="yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, lj, gplus, linkedin". В результате код приобрел такой вид:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus,linkedin"></div>
Если есть желание добавить панель как перед содержимым, так и после (как вариант - интегрировать с JComments), то первую строку - ссылку на JavaScript - можно добавить один раз - перед содержимым, а сам блок DIV - перед и после.
Панель соцкнопок от Pluso.
Мой выбор на момент написания. Три размера кнопок, квадратные или круглые, несколько вариантов заливки, включая черно-белые, выбор цвета фона. Опционально - счетчик кликов. Нравится, продолжу пользоваться.
На сайте производителя строим подходящий макет. Копируем сгенерированный код. Вот мой:
<script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('head')[0] || d[g]('body')[0]; h.appendChild(s); })();</script> <div class="pluso" data-options="big,square,line,horizontal,counter,theme=06" data-services="facebook,twitter,vkontakte,odnoklassniki,yandex,moimir,google,linkedin" data-background="transparent"></div>Как и в случае с блоком от Яндекса, код состоит из двух частей: скрипта и контейнера DIV. В случае помещения одинаковых панелей перед и после - скрипт можно вставить единожды в место перед содержимым. Если же делать две разные панели вверху и внизу - тогда два сгенерированных фрагмента кода вставляются как есть перед статьей и после нее. В общем, все гибко.
Также есть возможность создать вертикальную панель. В этом случае ей можно задать соответствующий стиль и подвесить в любой части страницы без привязки к конкретному материалу. Такой вариант будет рассмотрен отдельно на примере другой разновидности социальных кнопок - от Share42.
11.12.2019 09:40
Я скинул ссылку на архив, просто скачать и установить через менеджер расширений.
07.12.2019 07:50
Посмотрел ссылку. Там что-то очень много файлов... как устанавливать???
30.11.2019 04:24
Вы знаете, я сам не обновляю компонент, поскольку внес в него много своих изменений и не уверен, что ...
20.07.2019 10:40
Спасибо, помогло. Для шаблона комментов joomspirit_theme можно заменять код аналогичным образом.
08.05.2019 16:05
еще один косяк, если выбрать "скрыть форму добавления комментария", то после нажатия на "добавить ...
Комментарии
Может надо отключать редактор при вставке кода?
Если же вы хотите, чтобы соцкнопки висели на любой странице сайта - почитайте, как внедрить их в index.php шаблона - вот здесь ogri.me/ru/web-design-development/417-knopki-sotsialnykh-setej-v-joomla-2-5-plavayushchaya-panel-ot-share42. Там на примере share42, но у Pluso тоже есть теперь выбор между горизонтальной и вертикальной панелями, можете прилепить ту или другую в удобном месте страницы.
Если не разберетесь, пишите - помогу. Удачи!
Parse error: syntax error, unexpected T_STRING in /home/enicun/enicun.com.ua/www/templates/1005003/h tml/com_content/article/default.php on line 66
Parse error: syntax error, unexpected ' < ' in /home/enicun/enicun.com.ua/www/templates/1005003/h tml/com_content/article/default.php on line 66
Лишней скобочки там нету, пересматривал сотню раз, просто её, по идеи, нужно чем-то заменить...только вот чем...?
Помогите разобраться, в предыдущей статье Вы писали куда вставить код в шаблоне сделаном в Артистер, у меня именно такой.
Так вот если после этой строчки
$content .= $article->event('beforeDisplayContent');
вставить
Сайт вообще работать не будет, видимо надо вставлять как то по хитрому, но Вы не указали как.
Вы не можете вставить код как есть, поскольку в вашем случае (да и в моем) скрипт страницы присваивается переменной $content. Просто добавьте в нее ваш код в строковом представлении:
$content .=
'<div class="yashare-auto-init" ........></div>
<script type="text/javascript" src="'.$this->baseurl.'/js/share_yaru.js" charset="utf-8"></script>';
И всё махом заработает. Вы правы, я это явно не уточнил в статье, надо будет поправить.
Кстати, если хотите постить в комментах код, заменяйте в тегах открывающую угловую скобку "<" на "& lt;" (без пробела и кавычек).
Попробуйте на тестовой площадке отключить все остальные скрипты. Если заработает - то действительно конфликт. Включайте по одному, после какого проблема вернется - с тем и конфликтует. Если такой метод не сработает - надо копать в другом напавлении. В каком - навскидку не скажу, не поковыряв.
Все-таки взял себя в руки и посмотрел. Повторюсь: прежде чем заботиться о кнопках, поработайте над шаблоном. Не обязательно менять, он у вас адаптивный (адаптивность, правда, с багами), и вообще, после не таких уж серьезных переделок мог бы стать человеческим. Начните с цветовой гаммы. Ваша нынешняя - кислотная просто до невозможности.
Удачи, искренне!
$jinput = JFactory::getApplication()->input;
$temp = $jinput->getInt('catid');
$cat_id = $temp[0] + 0;
if ($cat_id==10) {
====Код кнопок=====
}
Или воспользуйтесь функцией content_filter - см. статью ogri.me/ru/web-design-development/816-joomla-filtruem-kontent-po-materialam-kategoriyam-i-komponentam. Она позволяет создать гибкое условие по материалам, категориям и компонентам.