Редактирование шаблона Bootstrap: Кнопка «Спасибо»

Автор: Антон Матвейчук


В прошлой статье мы с вами разобрались с тем, как изменить окраску форума сайта. Здесь я покажу, как заменить стандартный рейтинг на кнопки типа «Мне нравится» или «Спасибо».

vid_modulej_22


Как показала моя многолетняя практика ведения сайта на uCoz, на стандартный рейтинг в виде пяти звёздочек не нажимает практически никто. Обычный посетитель сайтов сейчас, как правило, не тратит времени на какие-то отклики в виде благодарных комментариев или кликов на рейтинги — эти действия требуют какого-то напряжения ума и пальцев, и поэтому идут лесом.


Другое дело — кнопки наподобие «Мне нравится» или «Спасибо» (вариантов надписей много, ещё можно написать «Поблагодарить», «Интересно», «Супер», «Полезно», и так далее). На эти кнопки достаточно кликнуть один раз, чтобы выразить свою благодарность за интересный материал. В отличие от стандартного рейтинга, на такие кнопки нажимают почаще.


Итак, вставим кнопку «Спасибо». Для начала найдём подходящий нам сервис кнопок, настроим там вид кнопки, и скопируем код. Я воспользовался сервисом Uptolike — очень удобный и многофункциональный сервис кнопок рейтинга, соцсетей и многого другого.


Один минус у кнопок рейтинга от Uptolike — при клике на кнопку нужно быть активированным в какой-нибудь соцсети. Но это даёт и плюс — такой подход исключает повторное нажатие одним человеком на кнопку рейтинга. Таким образом, получается исключительно честный и точный подсчёт голосов без накрутки.


При вставке скриптов наподобие кнопок «Спасибо» на сайт LinkorCMS сейчас есть нюанс — если вставлять код напрямую, он не сработает. Нужно использовать переменную. Как показала дальнейшая практика, это оказалось даже ещё удобнее.


spasibo_1


Открываем в панели сайта на хостинге файл «init.php» и вставляем, как показано на скрине выше, код вида:

 

System::site()->SetVar('template', 'nazvanie_peremennoi', <<<JS
тут любой ваш JS код
JS
);


Запомним, как мы назвали переменную. Я назвал её «rating».


spasibo_2


spasibo_3


spasibo_4


spasibo_5


spasibo_6


spasibo_7


spasibo_8


И вставляем код переменной «{template.rating}» там, где нам нужна кнопка «Спасибо». Я думаю, по скринам выше понятно, где я вставлял переменную кнопки, и какой получился результат.


spasibo_9


Кнопки везде, где нужно, вставлены, но мешаются выводимые в анонсах материалов звёздочки стандартного рейтинга. Уберём их.


spasibo_10


Удаляем, как показано на скрине выше, код вывода стандартного рейтинга.


spasibo_11


Теперь в анонсах файлов ничего не режет глаз. Подчистим также анонсы статей.


spasibo_12


spasibo_13


По скринам выше видно, как было, что сделано, и как стало. Теперь порядок! Вставим точно также кнопки соцсетей наподобие «Поделиться».

 


В предыдущей статье: Редактирование шаблона Bootstrap: Цвет форума.


В следующей статье: Редактирование шаблона Bootstrap: Соцкнопки.

 


Вы можете отблагодарить меня за эту статью, положив денюжку на Яндекс.Деньги — 41001946245208; Webmoney — RUB - R228675470677, USD - Z403380463613, EUR - E114430860179; моб.тел. 8-985-301-51-80 (МТС).


Также я буду благодарен вам, если вы зарегистрируетесь в хостинге по ссылкам в моей статье — вам ничего не убудет, а я получу хоть какое, но вознаграждение ;-)

Опубликована: 17.10.2014
Просмотров 2367



Комментарии

Гости не могут добавлять комментарии, войдите или зарегистрируйтесь.