13 Апр 2016

Как добавить эмоциональные лайки Facebook в свой пост

Как известно, недавно Facebook дополнил кнопку «Нравится» пятью эмоциями, чтобы пользователи могли сразу выразить своё мнение о публикации. На мой взгляд, очень интересная штука, так как кнопка «Нравится», когда ты поддерживаешь какой-то негативный пост, как-то не очень уместна. Давайте добавим подобного рода кнопки и в наш WordPress пост.

facebook like reactions

Задача. Добавить Facebook Like Reactions к своим постам.

Решение. Устанавливаем на наш сайт плагин DW Reactions https://wordpress.org/plugins/dw-reactions/. После активации плагина, переходим в Настройки – Reactions, чтобы настроить плагин по своим требованиям.

DW Reactions settings

Чтобы во всех постах автоматически появлялась кнопка Like с эмоциями, отмечаем галочками Show reactions button and Show reactions count. По умолчанию, плагин разрешает выражать эмоции только зарегистрированным пользователям. Если же вы хотите разрешить это делать всем пользователям, просто снимите галочку с Users must be registered and logged in to add reaction.

Теперь устанавливаем позицию, где мы хотим видеть нашу кнопку . Если мы хотим разместить кнопку над содержанием поста, то отмечаем галочкой Show the reactions button above the post content.

DW Reactions settings above chek

DW Reactions settings above

Если же мы хотим разместить кнопку под нашим постом, что мне видится более логичным – пост прочитан и пользователь готов выразить свое мнение , то отмечаем галочкой Show the reactions button below the post content.

DW Reactions settings below chek

DW Reactions settings below

Теперь настроим, на каких постах/страницах мы хотим видеть нашу кнопку Like с эмоциями. Если мы хотим видеть кнопку на главной странице - Show on Homepage, на странице архивов - Show on Archive pages, во всех постах - Show on all Posts и на всех страницах с контентом - Show on all Pages, то в разделе Page проставляем все галочки. Или указываем только, то, что нам нужно.

Затем жмем кнопку Save changes, чтобы сохранить наши изменения. Идем на сайт и проверяем, как всё работает.

Если вы хотите разместить только на определенных постах кнопки с эмоциями, то в настройках в Automatically display on the content of each post нужно убрать галочки с Show reactions button и Show reactions count. После этого, в тех постах, где вы хотите видеть кнопки с эмоциями, вставляйте в любом месте поста шорткод [ reactions ]. Кнопка Like с эмоциями появится в том месте, как вы указали в настройках – над или под постом.

Если же вы хотите видеть только кнопку Like с эмоциями без подсчета нажавших на неё, в посте или на странице в любом месте вставьте шорткод [ reactions count="false" button="true" ]. Если вы желаете видеть только количество пользователей, нажавших на кнопку Нравиться, но не хотите предлагать выбрать эмоции, вставьте шорткод [ reactions count="true" button="false" ].

Если вы продвинутый пользователь WordPress, вы также можете установить код внутрь вашей темы для отображения в любом удобном для вас месте. Для этого заходим в wp-content/themes/<папка вашей темы>/ и выбираем файл archive.php, single.php, post.php или page.php. Давайте разместим нашу кнопку Like с эмоциями в отдельных постах. Открываем файл single.php и находим строку

 

и в любом месте ниже этой строчке вставляем код

.DW Reactions code

Если же у вас более сложная тема по дизайну, как, например, у меня, то для вставки кода мне нужно открыть файл content-single.php и вставить код конкретно в том месте, где это будет уместно по моему дизайну. Например, я хочу, чтобы кнопка размещалась сразу после основного контента.

DW Reactions code-3

И вот результат:

DW Reactions code-4

По умолчанию, сама кнопка Like и названия эмоций указываются на английском языке. Но нет ничего невозможного – кнопкам можно придать русские значения. Если это понадобится, пишите в комментариях, я напишу, как это сделать.

Понравилась статья? Поделись с друзьями!

2 thoughts on “Как добавить эмоциональные лайки Facebook в свой пост

Добавить комментарий для Elena Nemets Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку * Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.