Как вставить кнопку «Лайк» от фейсбука на Вордпресс. Кнопка «Мне нравиться»

WordPress

4

Кнопки от популярных социальных сетей часто встречаются по окончании новостной статьи в любом блоге, и это не случайно! Подобные эффективные инструменты помогают повысить посещаемость веб-ресурса, а также выявить предпочтения и интересы определенного круга пользователей. Вот и привычная кнопка «Лайк» («Мне нравится») Facebook (Фейсбук) – самой крупной соцсети не является исключением….

мне нравитьсяКогда пользователь нажимает такую кнопку на вашем сайте, то в Ленте новостей друзья пользователя также узнают о новости со ссылкой на Ваш сайт. Ваша страница будет отображаться в Facebook на страницах, которые появляются по всему сайту, а можно ориентировать новости на тех, кому нравится содержание ваших страниц.

Добавить пресловутую кнопку «Лайк» от Facebook (Фейсбук) на WordPressможно с помощью плагинов.

  • Slick social share buttons

Прежде всего, нужно скачать плагин, установить его и активировать для работы.

Добавление плагинаЭто плагин позволит добавить на ваш сайт и другие социальные кнопки, поэтому, если вы желаете ограничиться кнопкой Фейсбука, тогда остальные кнопки отключите в настройках админпанели Social Buttons (кликнуть 2 раза). Эта функция находится внизу в левой колонке, но давайте по порядку:

  1. Type (режим кнопки) – Floating (плавающая по экрану) или Slide Out (за пределами). При выборе плавающего режима, который, кстати, так и вызывает желание кликнуть по кнопке, появляется дополнительный параметр Disable Floating Effects, где не нужно, чтобы стояла галочка. Возможно, кнопка, будет-таки отвлекать посетителей, поэтому статический режим Slide Out позволит «приклеить» кнопку в нужном месте экрана  справа или слева (режим «Location»).
  2. Location – выбор месторасположения кнопки вверху (Top Left и Top Right), внизу (Bottom Left  и Bottom Right), а также справа и слева (Right иLeft).
  3. Position From Center – позволяет задать точное расположение кнопки в пикселях от центра экрана.
  4. Offset – параметры смещения кнопки в указанное место.
  5. Direction – вертикальное или горизонтальное расположение (функция появляется при выборе режима Slide Out).
  6. Float Speed– задаем скорость плавающей кнопки (маленькое значение скорости обернется не очень хорошим эффектом).
  7. Slide Speed– скорость открытия/закрытия кнопки.
  8. Auto-Close –если пользователь поставит лайк (like), то кнопка закроется автоматически.
  9. Load Open – режим постоянно открытой кнопки.
  10. Tab Image Url – режим выбора своей картинки для кнопки (по умолчанию в пустом поле – стандартное изображение кнопки).

После выполнения необходимых настроек потребуется Сохранить изменения.

Настройки плагинаЛучше всего, на мой взгляд, включить все настройки, дабы посетители видели кнопку «Лайк» всегда, т.е. на домашней странице (Home Page), на страницах (Pages), на главной (Posts Page), в архиве (Archive Pages), а также в категориях (Category Pages) и постах (Posts).

Режим Show Categories открывает все категории, имеющиеся в вашем блоге. Из раздела Include кликните по тем из них, которые бы вы не хотели отметить социальными кнопками. При щелчках по категориям выпадает окно исключения Exclude.

Режим Hide Categories закрывает окно с категориями.

После всех настроек нужно нажать Сохранить изменения.

Выбор кнопок в настройкахЗдесь настройки понятны при интуитивном восприятии. Выбираем нужное и идем далее…

Первый плагин мы рассмотрели, и уже знаем, что из себя он представляет. Следующий плагин  WP Social Buttons больше подходит для РУнета, т.к. в нем есть практически кнопки всех социальных сетей.

WP Social Buttons

Социальную кнопку «Лайк» можно установить плагином WP Social Buttons. Стандартное скачивание и установка плагина заканчиваются его активацией. Далее, переходим в режим Параметры Socials Buttons, где выбираем нужную нам кнопку для отображения в постах.

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

Следующая настройка касается кнопки приглашения Invite Buttons, где все понятно и заполняется по аналогии.

Это и все, а плагин работает без нареканий!

Social Share Buttons

В панели администратора в режиме Плагины – выбираем Добавить новый. Поисковая строка понадобится для ввода названия плагина Social Share Buttons. После обнаружения там его названия кликаем по ссылке Установить. Ну, и, конечно, активируем его кликом Активировать.

Внизу в левой колонке Share Button в Главных настройках можно вставить собственный логотип и добавить текст перед социальной кнопкой, позицию ее и прочее. Я не буду повторяться, т.к. все и так предельно ясно. Возникнут вопросы – пишите в комментариях.

Стиль кнопки выбираем в Share Buttons» > «Share настройки, а  Share Buttons > Like настройки нужно выбрать кнопку «Лайк» от Фейсбука. Завершая начатое, не забудьте Сохранить изменения.

Настройки плагина Social Share ButtonsСледующий блок настроек позволяет определить тип кнопки, ее название, счетчик, текст, а также ширину блока кнопок.

В следующем блоке нужно произвести понятные настройки, кликнув на ссылку правее (стрелка служит указателем).

Сохранение настроекВот и все, плагин работает.

Мы рассмотрели ситуацию с установкой кнопки «Лайк» популярной сети Фейсбук. Если у вас возникнут какие-либо вопросы – задавайте!

4 комментария

по хронологии
по рейтингу сначала новые по хронологии
ilkovych

А мажна ли его добавить на сайт каким либо другим способом?

Алина

Хорошо бы еще в статье сразу скриншоты по каждому плагину. Как это выглядит. Если не секрет, какие у Вас плагины установлены?Первый и третий? Спасибо за информацию. Сейчас попробуем себе установить.

Денис

Скажите вы пользуетесь плагином "Slick social share buttons"? Я вижу что у вас и кнопка контакта добавлена. Как это сделать? А можно ещё и одноклассники добавить?

Ярослав Голубев
Автор

Как установить конкретно кнопку от вконтакте мы уже писали, введите в поиск по блогу - Кнопка «Мне нравится» ВКонтакте - и найдете статью.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: