• Контакты
  • +7 (937) 486-30-30
  • mail@allbx.ru

Плагин Like Dislike Counter для указания Лайков в Wordpress.


В данной статье я расскажу про плагин "Like Dislike Counter", который позволяет создавать кнопку Like на страницах сайта.

В данной статье я расскажу про плагин "Like Dislike Counter", который позволяет создавать кнопку Like на страницах сайта. 1. Добавим плагин, жмем кнопку "Добавить новый" или "Add new".
картинка 1
В поле поиска вбиваем название плагина "Like Dislike Counter", жмем  Поиск. Устанавливаем плагин.
картинка 1
Соглашаемся с установкой нового плагина.
картинка 1
И активируем сразу его.
картинка 1

Создаем кнопку на странице

Заходим в свою тему, находим что-то типа single.php и выбираем его. Добавляем следующий код в место где хотите видеть кнопку
<?php if(function_exists('like_counter_p')) { like_counter_p(''); } ?>
Если хотите видеть кнопку похожую на мою, то оберните данный код в тег div с классом singlebox-like.
картинка 1
И добавьте следующие стили в style.css или другой файл со стилями.
.singlebox-like {display:block;width:100%;float:left;padding:0 0 0 3px;}
.singlebox-like .ul_cont {
display: inline;float: left;
padding: 1px 2px;
background-color: #EAEAEA;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#EAEAEA));
background-image: -webkit-linear-gradient(top, white, #EAEAEA);
background-image: -moz-linear-gradient(top, white, #EAEAEA);
background-image: -ms-linear-gradient(top, white, #EAEAEA);
background-image: -o-linear-gradient(top, white, #EAEAEA);
background-image: linear-gradient(top, white, #EAEAEA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #CCC;
border-bottom-color: #AAA;
border-radius: 2px;
color: #555;
vertical-align: middle;
cursor: pointer;
margin: 6px 10px 2px 7px;
}
.singlebox-like .ul_cont:hover {
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#ffffff));
background-image: -webkit-linear-gradient(top, #EAEAEA, #ffffff);
background-image: -moz-linear-gradient(top, #EAEAEA, #ffffff);
background-image: -ms-linear-gradient(top, #EAEAEA, #ffffff);
background-image: -o-linear-gradient(top, #EAEAEA, #ffffff);
background-image: linear-gradient(top, #EAEAEA, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EAEAEA, endColorstr=#ffffff);
}
.singlebox-like .ul_cont img {width: 13px;}
.singlebox-like .ul_cont span{padding: 2px;}
Так же можете взять оформление отсюда.
картинка 1

Редактирование плагина

Может потребоваться изменить картинку, надпись, убрать счетчик и тд. Для этого нужно отредактировать плагин, заходим в список установленных плагинов, находим  "Like Dislike Counter" и жмем Редактировать.
картинка 1
В выделенном фрагменте я показал исходную часть которую закомментил и нижнею которую изменил. В данном случае я убрал текст и счетчик, счетчик переместил в title кнопки, т.е. при наведении будет показываться количество Лайков.
картинка 1
Пример с изменениями.
картинка 1
 
Алексей Бульчук
Специалист-консультант
Хотите получить консультацию?
Оставьте заявку и мы свяжемся с Вами в ближайшее время.

Похожые статьи

Разработчикам

Меняем часовой пояс в Linux на примере виртуальной машины Bitrix

Разработчикам

Установка WordPress на локальный сервер Denwer

Скачиваем дистрибутив CMS WordPress Распаковка архива Создание БД Установка Все

Разработчикам

Как писать заголовки

Заголовки определяют успех любого текста и являются ключевым фактором, от которого зависит...

Разработчикам

Запуск Google Chrome через прокси в Linux или Windows

Для запуска через прокси-сервер используются параметр: –proxy-server=192.168.0.1:8080

Разработчикам

Написание статей

Написание текста для продвигаемой страницы очень важно. При этом во главу угла ставится ун...

Разработчикам

Получить данные о файле с помощью pathinfo().

Разработчикам

Как сделать горизонтальную визуальную структуру компании в Bitrix

Разработчикам

Устанавливаем локальный сервер Denwer (Apache, PHP, MySQL, Perl...).

Для работы с CMS WordPress, нам потребуется PHP, MySQL, Apache/nginx. Весь этот набор есть...

Разработчикам

Плагин Like Dislike Counter для указания Лайков в Wordpress.

В данной статье я расскажу про плагин "Like Dislike Counter", который позволяет создавать ...

Разработчикам

Смена типа кэширования в 1С-Битрикс с файловой на APC

1. Находим файл .settings.php в папке bitrix 2. и меняем, а скорее всего добавляем элемен...

Разработчикам

Вебинар "Интернет-магазин детских товаров: быстро начинаем успешный бизнес"

Разработчикам

Вебинар «Яндекс.Поиск для сайта: мастер-класс по HTML и CSS»