Меню Рубрики

Установка кнопки поделиться wordpress

Блок Поделиться Яндекс. Кнопки соцсетей для WordPress

Всем приветик! Сегодня давайте установим на сайт Блок Поделиться Яндекс с плагином и без. и Если вы создали свой сайт и хотите привлечь дополнительный трафик из соцсетей, то без кнопок социальных сетей вам просто не обойтись (must have). Пусть посетители делятся вашими интересными статьями, да и сами — опубликовали новую статью, и тут же с помощью кнопок расшарили (Share) её по соцсетям.

Какие соцкнопочки установить? Сервисов предоставляющих код кнопок социальных сетей много, все они почти одинаковы. Не будем замарачиваться какие выбрать, а возьмём социальные кнопки Yandex — блок Поделиться от Яндекс и установим их на все страницы сайта ВордПресс.

Установка кнопок соцсетей Поделиться (SHARE) от Яндекс на сайт WordPress

У меня, кстати, тоже установлены соцкнопки от Яндекса под каждым сообщением. Можете попробовать кликнуть на них, вам за это ничего не будет. Добавить соцкнопки на сайт можно вручную и с помощью специального плагина. И так, поехали.

Соцкнопки от Яндекс (Блок Поделиться) поможет посетителям вашего сайта быстро публиковать ссылки на интересные им страницы в социальных сетях и блогах. Вы можете создать блок для своего сайта WP с помощью конструктора.

Как добавить/установить кнопки соцсетей на сайт WordPress без плагина?

Зайдите на страницу конструктора блока Поделиться — https://tech.yandex.ru/share/ . Выберите сервисы социальных сетей (их довольно много), иконки которых будут отображаться на вашем веб-ресурсе и внешний вид блока:

Конструктор блока Поделиться в соцсетях от компании Яндекс

Затем, копируете код и заходите в админпанели Внешний вид — Редактор тем. Открываете файл Отдельная запись ( single.php ) или в зависимости от вашей темы файл loop-single.php , content.php . Находим строчку или похожею на неё и чуть ниже вставляем код соцкнопок. Обновляем файл. Кнопки будут расположены под каждым сообщением. Если не получается, то можно ориентироваться на код (форма комментариев) в файле Одна запись. Выше данной строчки добавляем скрипт соцкнопок.

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

Блок Поделиться после статьи

Таким же методом, можно добавить после статьи код рекламы РСЯ, ADSENSE или Рекомедуемый контент адсенсе. Обратите внимание что, после обновления вашей темы вам придётся вставлять код кнопок заново. Если у вас, друзья, не получается вывести блок кнопок на станицах записей, то советую воспользоваться плагином автоматического вывода блока «Яндекс.Поделиться» в WordPress.

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

Конструктор кнопок соцсетей для сайта

Плагин Easy Yandex Share

Вы можете настроить и добавить блок Поделиться на свой сайт с помощью Yandex Share.

Модуль Easy Yandex Share автоматически выведет кнопки шаринга (поделиться) в начале или конце записи. Типы записей для авто-добавления вы можете выбрать в настройках плагина. Блок Яндекс Поделиться позволит пользователям вашего сайта или блога в один клик поделиться контентом сайта в социальных сетях. В отличие от других сервисов добавления кнопок шаринга в скрипте от Яндекса нет никакой рекламы и даже само название Яндекс нигде не упоминается.

Установка плагина стандартная, через админку. Плагины — Добавить новый. В поле поиска вводим Easy Yandex Share, устанавливаем и активируем. А далее переходим к его настройке. Продвинутый вывод блока Яндекс.Поделиться с кучей дополнительных настроек.

Настройки плагина Easy Yandex Share

После того, как вы активируйте плагин в разделе Настройки появится новый пункт — Easy Yandex Share. Нажимаете на него и приступаете к настройкам блока Поделится в соцсетях. Модуль на русском языке, всё будет вам понятно. Здесь, больше настроек, чем в конструкторе Яндекс:

Настройки плагина Easy Yandex Share

Также выбираете соцсети (есть предпросмотр), внешний вид. Вывод блока соцкнопок до или после записи. Даже возможен вывод иконок соцсетей вертикально. Ещё хорошо — надпись к кнопкам можно свою написать. Так выглядит блок после статьи:

Читайте также:  Установка кнопки на питание магнитолы

Блок Поделиться Яндекс после записи

Отличный модуль. У автора Easy Yandex Share есть и другие замечательные плагины. Такие как — RSS for Yandex Turbo — создание RSS-ленты для сервиса Яндекс.Турбо. BBSpoiler — плагин позволит вам спрятать текст под спойлер. RSS for Yandex Zen — создание RSS-ленты для сервиса Яндекс.Дзен и другие. Пользуйтесь.

На этом, товарищи, позвольте с вами попрощаться. Удачи вам и до новых встреч. Пока, пока!

источник

Плагины для добавления кнопок социальных сетей в WordPress

И снова я вас приветствую, уважаемые посетители моего маленького блога!

Как-то я уже писал про добавление кнопок социальных сетей на свой сайт WordPress. А сегодня я бы хотел поделиться с вами плагинами, которые могут помочь вам добавить кнопки социальных сетей.

Добавление кнопок социальных сетей в сам WordPress имеет огромное количество типов плагинов, которые мы можем использовать для разных целей. Когда мы находим лучшее, мы часто используем плагин, он прост и не надо иметь опыт программирования. Хотя есть множество различных плагинов, которые предлагают полный функционал, легконастраиваемые и способны решить потребности более широкой аудитории.

10 лучших плагинов WordPress для обмена информацией в социальных сетях

1. Easy Social Share Button for WordPress

Easy Social Share Button для Word Press — это плагин, позволяющий обмениваться информацией в социальных сетях. Он обеспечивает идеальную адаптивность и позволяет поделиться с 45 социальными сетями. Это не только большой выбор полнофункциональных кнопок социальных сетей, но и 52 шаблонных мультимедиа с различными вариантами дизайна. А также экспонат, который может быть собственной настройкой. По оценкам, уже более 60000 сайтов используют плагин Easy Social Share Button. Если вы хотите попробовать вы можете скачать его здесь.

Особенности плагина Easy Social Share Button

  • Более 52 шаблонов
  • Более 25 анимаций
  • Различные стили и ширина кнопок
  • Настройщики шаблонов
  • Несколько стилей счетчиков
  • Счетчики акций социального доказательства

2. WP Social Sharing

WP Social Sharing добавляет очень привлекательные, отзывчивые кнопки социальных сетей Facebook, Twitter, LinkedIn, Xing, Google+ для WordPress постов, страницы, медиа или любого другого типа поста. WP Social Sharing — бесплатный и легкий плагин, который позволяет вам добавлять к нему свои собственные CSS и JavaScript. Это не просто простой и легкий в использовании плагин, но также может похвастаться 100% отзывчивыми кнопками социального обмена.

Особенности WP Social Sharing:

  • 100% отзывчивый
  • Можно добавить текст перед кнопками общего доступа
  • Автоматическое отображение в сообщениях, на страницах, мультимедиа и пользовательских типа сообщений
  • Поддержка социальных сетей таких как Facebook, Google+, LinkedIn, Twitter, Xing и Pinterest
  • Пользовательский текст социальных кнопок
  • Легкое изменение порядка социальных значков
  • Предоставляет шорткоды, которые можно легко интегрировать с любой темой
  • Не изображения, кнопки созданы с использованием CSS3. Для устройства шириной менее 480 пикселей этот плагин использует одно изображение для отображения значков социальных сетей.

3. Custom Share Buttons with Floating Sidebar

Пользовательские кнопки «Поделиться» с плагином «Custom Share Buttons with Floating Sidebar» могут показать кнопки, чтобы поделиться в социальных медиа в любом месте, как в посте, на страницах вашего сайта, с вариантами отображения вверху или внизу контента, а также плавающим блоком справа или слева — как вам удобно.

Особенности Custom Share Buttons with Floating Sidebar:

  • Параметры для установки положения социальных кнопок (слева или справа)
  • Варианты добавления фона к цвету кнопок
  • Возможность автоматического закрытия кнопок боковой панели при загрузке страницы
  • Опция для определения положения кнопок общего доступа (над контентом/под контентом)
  • Показать/Скрыть параметры для любых кнопок
  • Опции для установки положения плавающей боковой панели (слева/справа/снизу)
  • Возможность определения изображения общего интереса
  • Варианты редактирования сообщения («Показать кнопки», «Скрыть кнопки» и т. д.)
  • Возможность скрыть кнопку «Поделиться!» на страницах или в сообщениях
  • Опции для управления стилем плагина
  • Опции для добавления к любой кнопки пользовательского изображения
  • Кнопки «Поделиться» для каждого сообщения или страницы
  • Плавающая боковая панель
  • Возможность отключить боковую панель на мобильных устройствах
Читайте также:  Установка перегородки из оргстекла

4. Social Warfare

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

Особенности Social Warfare:

  • Привлекательность
  • Быстродействие
  • Настраиваемость
  • Изображения Pinterest
  • Пользовательские твиты
  • Общие цитаты
  • Твиттер-карта
  • Социальное доказательство
  • Отзывчивость
  • Защита контента

5. Mash share

Mash share — это лучшая социальная оптимизация вашего сайта. Этот плагин имеет полностью готовые кнопки общего доступа к социальным сетям, а вам лишь нужна простая в настройке привлекательная кнопка «Поделиться», которая заставит посетителей захотеть пролистать ваш потрясающий контент.

Особенности плагина Mash Share:

  • Высокопроизводительные иконки для социальных сетей — простые в использовании — кнопки общего доступа для наиболее распространенных сетей
  • Иконки векторного шрифта высокого разрешения без потери качества
  • Показывает общее количество акций в социальных сетях
  • Объектные и временные кэши обеспечивают невероятно высокую скорость выполнения значков социальных сетей
  • Шорткоды
  • Расширяемый с помощью множества надстроек (Google Analytics, больше социальных сетей, отзывчивый, YouTube Video Share и многое другое …)
  • Настраиваемый

Интеллектуальная (виртуальная) функция подсчета акций. Добавьте виртуальные акции в новые статьи. Используйте психологические аспекты, чтобы увеличить реальные доли.

6. Sumo Me Share

Некоторые плагины позволят вашим читателям присоединиться к вашему списку адресов электронной почты, поделиться своими статьями в Facebook, Twitter, Pinterest и т. д., а также оптимизировать с помощью аналитики.

  • 100% оптимизирован для мобильных устройств.
  • Полный контроль над тем, какие функции включить
  • Бесплатная и простая интеграция с любой темой WordPress
  • Выбор времени подписки на электронную почту
  • Просто удалите все твиты, которые вам не нужны
  • Полный HTML-контроль контента
  • Настройте шаблоны, чтобы ваше электронное всплывающее окно выглядело удивительно
  • Асинхронная загрузка, которая не влияет на скорость загрузки страницы

7. Simple Share Buttons Adder Plugin

Плагин Simple Share Buttons Adder позволит посетителям с легкостью делиться вашим контентом, а вы, как поставщик, можете без проблем расширять свой сервис. С помощью простых кнопок общего доступа вы можете выбрать набор изображений, наилучшим образом подходящий для ваших проектов, а если этого недостаточно, вы можете просто использовать свой собственный!

Особенности Simple Share Buttons Adder:

  • Отзывчивость
  • Настраиваемость
  • Сокращение URL
  • Поделиться тегами
  • Отслеживание кликов
  • Шорткоды

8. Monarch

Monarch позволяет выбирать из более 30 социальных профилей и сетей. Просто предоставьте URL своего профиля, и Monarch отобразит значки сети и даже при необходимости динамически вытянет существующие счетчики.

Особенности плагина Monarch Social Sharing:

  • Создавайте и показывайте ваших социальных подписчиков
  • Чистый настраиваемый дизайн
  • Изящный и отзывчивый
  • Молниеносный

9. Shareaholic for WordPress

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

Особенности плагина Shareaholic for WordPress:

  • 100% настраиваемость
  • Оптимизирован для мобильных устройств
  • Создан для масштаба
  • Монетизирован
  • Быстрый и безопасный

10. Add To Any Share Buttons

Плагин Add To Any Share Buttons для WordPress увеличивает трафик и взаимодействие, помогая людям делиться своими сообщениями и страницами с любым сервисом. Для таких сервисов как Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других сайтов и приложений для обмена информацией и социальных сетей.

Особенности Add To Any Share Buttons:

  • Стандартные кнопки общего доступа — делятся каждым фрагментом контента
  • Плавающие кнопки обмена — отзывчивые и настраиваемые, вертикальные и горизонтальные
  • Мобильный и отзывчивый
  • Идеальные значки
  • Создан для хорошего
  • Интегрирован с Google Analytics
  • Нет необходимости в аккаунте
  • Счетчики общего доступа
  • Плавающие бары
  • Настраиваемый
Читайте также:  Установка газа мицубиси аутлендер

источник

Кнопки поделись в WordPress без плагинов

Вступление

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

Для кнопок «Поделись» выберем четыре социальные сети: facebook , twitter, vkontakte, livejournal. Для того чтобы сделать и поместись кнопки этих социальных сетей на страницах блога WordPress нужно сделать четыре несложных шага.

  1. Разместить на сайте иконки кнопок социальных сетей;
  2. Написать правильный код для кнопок «Поделись»;
  3. Разместить коды кнопок в шаблоне блога WP.

Разберем подробно каждый шаг.

Поместись на сайте иконки кнопок социальных сетей

Найдите в интернет иконки социальных сетей, которые нам нужны для кнопок (facebook , twitter, vkontakte, livejournal). Для поиска могу порекомендовать два бесплатных архива иконок.

Выбранные иконки приведите к одному размеру и загрузите в библиотеку медиафайлов своего блога. Для этого авторизуйтесь в административной панели блога. Далее открываем Консоль >>> Медиафайлы >>> Библиотека >>> Добавить новый.

После добавления иконок, понадобятся их URL адреса в библиотекe медиафайлов. Для этого нажмите «Изменить» и справа скопируйте URL адрес иконки. Также не помешает запомнить их размер.

Итаке мы получили четыре нужные нам иконки, размещенные в библиотеке медиафайлов вашего блога и их URL адреса.

Замечание: Вместо библиотеки медиафайлов своего блога можно воспользоваться любым доступным хранилищем фотографий. Например, Flickr.Нужны полные адреса иконок с http.Но использование картинок со сторонних сайтов,отрицательно влияют на скорость загрузки вашего сайта.Так что,советую использовать медиа библиотеку своего сайта.

Переходим к коду кнопок «Поделись»

Правильный код для кнопок «Поделись»

Перед примером кодов кнопок,хочу обратить ваше внимание на один элемент кода.

Это путь до иконки. В приведенных ниже примерах в качестве пути до иконки соц.службы нужно вставлять полный адрес до загруженной иконки в библиотеке медиафайлов.

В примерах будет использован условный адрес для фото моего сайта:

Как его узнать смотрите в первом параграфе статьи. Далее приведу отдельно коды всех кнопок «Поделись» для социальных сетей,о которых пишу в этой статье.

Кода заключены к теги и для блокировки передачи весомости страниц сайта.

Код Кнопки «Поделись» для Facebook

Код Кнопки «Поделись» для Twitter

Код Кнопки «Поделись» для В Контакте

Код Кнопки «Поделись» для Live Journal (ЖЖ)

Подробный разбор кода для кнопки поделись

В представленных кодах вы должны поменять, путь до загруженных иконок и свойства их размеров:

Также можете поменять содержание тега alt и title. Учтите: Текст после Тега title будет виден, при наведении мыши на иконку.

Разместить коды кнопок в шаблоне блога WP

Поместить кнопки в таблицу

Чтобы поместись кнопки, размещенные в одну строку, нужно поместись их в таблицу. Это не современный ,но очень простой вариант разместить иконки в одну строку.

Сделать таблицу для кнопок в CSS

Более современный вариант,разместить иконки в одну строку прописать в файле:style.css следующий класс:

где [w >Предварительно, нужно сделать следующее:

  • Для такого варианта ,все иконки кнопок нужно разместить в одной папке,например icons;
  • Все коды кнопок нужно обернуть тегами
  • Все пути до иконок заменить на:

И только после этого,разместить класс .icons img (смотри чуть выше) в style.css. Но это тема отдельной статьи.

Написанные коды четырех кнопок «Поделись» поместим в шаблоне блога WordPress

Сделанные коды для социальных кнопок,нужно разместить в шаблоне сайта WP.

Для этого в административной панели входим в

Консоль >>> Внешний вид >>> Редактор

Для размещения кода в отдельных открытых статьях, нужен файл шаблона выводящий записи. single.php) или loop-single.php или content.php. Чтобы кнопки появились после статьи, вставляем их коды после тега:

Для размещения вверху статьи, вставляем коды до этого же тега. Не забываем сохраниться и проверить результат.

источник