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

This social plugin makes placing social share icons on your site REALLY easy.

This free plugin has a lot to offer. Even more can be found in the Premium Plugin, please watch this short video:

Key features of the free plugin:

The plugin takes you through eight easy-to-answer questions so that configuring your social share icons becomes a no-brainer:

Question 1: Which social share buttons do you want to display?

Вы можете выбрать следующее:

You can also upload custom social share buttons of your choice.

In case of issues or questions please ask in the (https://wordpress.org/support/plugin/ultimate-social-media-plus).

Скриншоты

Установка

Распакуйте файл ZIP и переместите его содержимое в папку wp-content/plugins/ вашей инсталляции WordPress. Затем активируйте плагин на странице с плагинами.

Затем зайдите в настройки плагина и ответьте на первые 3 вопроса. Вот и всё.

Примечание: Этот плагин требует активированного/установленного CURL на вашем сервере (как правило, он установлен по умолчанию). Если его нет, обратитесь к провайдеру вашего хостинга.

Часто задаваемые вопросы

Пожалуйста, ознакомтесь также с более развётнутым файлом ЧАВО по ссылке http://ultimatelysocial.com/faq

Мы постараемся регулярно обновлять эту часть ЧАВО, но не забывайте, что самая актуальная версия ЧАВО всегда доступна на http://ultimatelysocial.com/faq

I face fundamental issues (the plugin doesn’t load, social share buttons don’t show etc.)

Пожалуйста удостоверьтесь, что:

  • Вы используете последнюю версию плагина(-ов)
  • Ваш сайт работает на PHP 5.4 или выше
  • У вас активирован CURL (должен быть активирован по умолчанию)

Если вы с эти незнакомы, обратитесь к компании-хостингу или администратору сервера.

Please check if you have browser extensions activated which may conflict with the social share buttons. Known culprits include:

  • Open SEO Stats (Раньше: PageRank Status) в Chrome
  • Adblock Plus в Chrome
  • Vine в Chrome

Деактивируйте эти расширения или попробуйте в другом браузере.

Если после обновления область настроек плагина выглядит ‘странно’, пожалуйста, очистите кэш нажав CTRL+F5 (ПК) или Command+R (Мак).

Если вы видите сообщение об ошибке «Вы уверены, что хотите сделать это? / Пожалуйста, попробуйте ещё раз», когда загружаете плагин: Некоторые сервера ограничивают количество загрузок. Пожалуйста, установите значения в файле “php.ini”:

макс_время_выполнения 90
макс_размер_поста 48М

Если вы не знаете, как это сделать, обратитесь в техподдержку вашего сервера или к провайдеру. Объясните, что это нужно для плагина для перепостов на WordPress, работа которого может значительно замедляться из-за множества кнопок соцсетей (большой размер файлов).

Если несмотря на выполнение всех вышеуказанных рекомендаций, ваша проблема осталась нерешённой, мы можем предоставить техническую поддержку в рамках акции к выходу премиум-версии плагина: https://www.ultimatelysocial.com/usm-premium/.

Я получаю сообщения об ошибках ‘Ошибка: 7’, ‘Ошибка: 56’, ‘Ошибка: 6’ и т.п.

Это указывает на неполадки CURL на вашем сайте. Пожалуйста, свяжитесь с администратором сервера или компанией-хостингом.

Плагину необходим включённый CURL для подсчета репостов и других функций.

Social share buttons don’t show

Пожалуйста, убедитесь, что в вопросе 5) вы установили кнопки соцсетей в качестве социального виджета (непосредственно в области виджета) или же в виде плавающих иконок. Премиум-версия плагина значительно упрощает процесс расположения иконок, а также позволяет размещать иконки-липучки на вашем сайте, выбирать интервал между значками и многое другое, посмотрите https://www.ultimatelysocial.com/usm-premium/.

If only some social share buttons show, but not all, then please clear your cache, and check if you may have conflicting browser extensions (e.g. ‘Disconnect’-app in Chrome). Also Ad-Blockers are known culprits, please switch them off temporarily to see if that is the reason.

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

If you are referring to specific social share buttons not showing in the plugin itself (e.g. you’re looking for a Whatsapp icon, but it doesnt exist) please note that our Premium Plugin has many more social media share buttons, see https://www.ultimatelysocial.com/usm-premium/

Счётчик репостов Twitter не отображается (больше)

К сожалению, Twitter запретил публиковать любые счётчики. Одному богу известно, почему.

Изменения не сохраняются / Плагин удалён, но кнопки до сих пор отображаются

Скорее всего, у вас установлен плагин WP Cache. Пожалуйста, деактивируйте его, а затем снова включите.

Пожалуйста, удостоверьтесь, что вы ввели ‘http://’ в начале url (для всех социальных сетей). Если кнопки для распространения в соцсетях совсем не кликабельны, скорее всего, проблема в вашем шаблоне. Это особенно вероятно, если вы установили для кнопок несколько функций, которые отображаются в виде всплывающего сообщения (подсказки) при наведении курсора.

I cannot upload social custom buttons

Скорее всего, это потому что вы установили для ‘allow_url_fopen’ значение ‘off’. Пожалуйста, активируйте его с помощью ‘on’ (или попросите об этом администратора, он знает, что делать. Объясните, что вам это необходимо для загрузки пользовательских кнопок для плагина социальных медиа, потому что там таких нет).

Кнопка YouTube (непосредственная подписка) не работает

Пожалуйста, удостоверьтесь, что вы выбрали радиокнопку ‘Имя пользователя’ при вводе имени пользователя YouTube или ‘ID канала’ при вводе ID канала.

Aligning the social share buttons (centered, left- or right-aligned) doesn’t work

Опции расположения в вопросе 5 размещают иконки по отношению друг к другу, а не по размещению на странице. Новая премиум-версия плагина - лучший плагин для распространения в соцсетях, он предоставляет много разных способов расположения кнопок (напр., с помощью виджета, с помощью шорткода и т.д.).

При нажатии на кнопку RSS выдаются странные коды

Это нормально. Пользователи RSS поймут, что с этим делать (т.е. скопируют и вставят url в свой RSS-агрегатор).

Счётчик ‘лайков’ Facebook работает некорректно

Когда вы нажимаете ‘нравится’ с помощью Facebook для чего-либо в вашем блоге, то лайк ставится для страницы, на которой вы находитесь (напр., для вашего блога), а не для вашего аккаунта на Facebook.

Премиум-версия плагина позволяет также отображать количество лайков вашей страницы Facebook, посмотрите https://www.ultimatelysocial.com/usm-premium/.

При публикации используется не тот текст или изображение

Мы используем коды Facebook, Google+ и т.п. и поэтому никак не влияем на распространяемые текст и изображение.

Имейте ввиду, что выбожете установить изображение как ‘Избранное изображение’, тогда Facebok / Google и т.п. поделится им. Вы найдете категорию ‘Избранное изображение’ в панели администратора вашего блога, где вы можете изменять публикацию в блоге.

Вы можете проверить, какое изображение распространит Facebook, введя url на https://developers.facebook.com/tools/debug/og/object/.

The pop-up shows although I only gave my social share button one share function

I selected to display the social sharing buttons after every post but they don’t show

The social sharing buttons usually do show, however not on your blog page, but on your single posts pages. The Premium plugin (https://www.ultimatelysocial.com/usm-premium/) also allows to display the share buttons on your homepage.

Из-за плагина мой сайт загружается медленнее

Этот плагин - один из наиболее опримизированных соцмедиа-плагинов в вопросе влияния на скорость загрузки сайта (оптимизированный код, сжатые изображение и т.п.)

Если у вас всё ещё есть проблемы со скоростью загрузки, примите во внимание:

    The more social sharing bottons and invite features you place on your site, the more external codes you load (i.e. from the social media sites; we just use their code), therefore impacting loading speed. So to prevent this, give your sharing buttons only ‘Visit us’-functionality rather than sharing functionalities.

    Мы специально разработали его так, что код кнопок социальных медиа загружается в последнюю очередь, т.е. после того, как весь остальной контект уже загрузился. Это означает: даже при наличии проблем со скоростью загрузки, это никак не отразится на опыте пользователя - для него сайт загрузится так же быстро, как и обычно, а кнопки соцмедиа просто доргузятся чуть позже.

На вашем сайте также могут быть другие особенности, которые ускоряют нагрузку (напр., конфликт с наими плагинами или дефекты шаблонов). Пожалуйста, обратитесь к вашему разработчику шаблонов.

В случае если вы загрузили кнопки, которых нет в плагине по умолчанию (т.е. пользовательские кнопки), пожалуйста, удостоверьтесь, что они сжаты.

После перемещения с демо-сервера на реальный сервер ссылка для подписки или чтения больше не работает

Пожалуста, удалите и установите плагин заново.

Если вы уже ввели код для формы подписки на вашем сайте, удалите его снова и вставьте новый из нового установщика плагина.

Если вы получили сообщение об ошибке…

‘Приложение не устанавливается: Это приложение всё ещё находится в стадии разработки, и у вас нет к нему доступа. Зайдите в качестве тестировщика или попросите администратора приложения предоставить вам доступ.’

…значит, скорее всего, в данный момент вы залогинены в бизнес-аккаунт Facebook. Пожалуйста, выйдите или переключитесь на личный профиль.

Есть другие проблемы при активации плагина или добавлении кнопок

Пожалуйста, проверьте следующее:

Для работы плагина требуется установленный и активированный CURL на вашем сервере (обычно, так и есть по умолчанию). Если его всё таки нет, пожалуйста обратитесь к провайдеру вашего хостинга.

Пожалуйста, удостоверьтесь, что в вашем браузере нет включённых расширений, которые могли бы конфликтовать с плагином, особенно тех, которые блокируют определённый контент, в том числе и кнопки соцсетей. Двое из таких вредителей
- расширение Disconnect для Chrome, а также Privacy Badger для Firefox.

Если проблемы продолжаются, скорее всего, проблема в вашей теме, она не совместима с плагином. Пожалуйста, обратитесть к разработчику темы. В качестве одной из возможностей премиум-версии плагина (https://www.ultimatelysocial.com/usm-premium/) мы исправляет ошибки в темах, а также предоставляем поддержку, чтобы кнопки отображались на вашем сайте (в именно таком расположении, как вы хотите).

Я могу увидеть, как много людей ставят лайки и делятся моими записями?

Вы можете увидеть это, активировав ‘счетчик’ в интерфейсе (под вопросом 5 в плагине). Так появятся небольшие счетчики с данными о том, как часто люди распространяют ваши записи.

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

Как я могу поменять ‘Пожалуйста, подпишитесь и поставьте лайк:)’?

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

Если не хотите отображать текст, просто введите пробел (‘ ‘).

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

Откройте первый вопрос плагина (‘1. Какие иконки вы хотите отображать на вашем сайте?’), на уровне кнопки имейла справа вы увидите ссылку. Пожалуйста, нажмите на неё, чтобы удалить.

Могу ли я использовать шорткод для размещения кнопок?

Да, это . Вы можете поместить его в любой редактор. Если кнопки все еще не отображаются, возможно, проблема в вашей теме.

Alternatively, you can place the followin into your codes:

В некоторых случаях могут возникнуть проблемы с отображением кнопок, которые вы загрузили как персональные. В таком случае, мы предоставляем поддержку как часть возможностей премиум-версии плагина: https://www.ultimatelysocial.com/usm-premium/

Can I get more options for the social share buttons next to posts?

Пожалуйста, используйте для этого плагин: https://www.ultimatelysocial.com/usm-premium/. Он позволит разместить больше кнопок (напр., в том числе Linkedin), а также предоставит больше возможностей настроек.

Могу ли я добавить функцию ‘mailto:’ для кнопки электронной почты?

Чтобы кнопка имейла отображалась в выбранном вами дизайне, активируйте её, затем нажмите правой кнопкой по интерфейсной части и сохраните её как изображение. Загрузите изображение в качестве собственной кнопки.

Можно ли показывать иконки вертикально?

Да, это возможно в новой премиум-версии плагина для распространения в соцсетях: https://www.ultimatelysocial.com/usm-premium/.

Как я могу поменять текст на кнопках ‘посетите нас’?

Используйте этот плагин: https://www.ultimatelysocial.com/usm-premium/

Can I deactivate the social sharing buttons on mobile?

Да, для этого существует опция в вопросе 5. В новой премиум-версии плагина вы можете задавать отдельные настройки кнопок для использования с мобильных устройств, посмотрите https://www.ultimatelysocial.com/usm-premium/. Лучший способ распространения в соцсетях! 🙂

Как я могу использовать две копии плагина на своем сайте?

Вы не можете использовать один и тот же плагин дважды, но вы можете установить оба - первый плагин USM (https://wordpress.org/plugins/ultimate-social-media-icons/) и его премиум-версию (https://www.ultimatelysocial.com/usm-premium/). Мы специально разработали код таким образом, что они не конфликтуют при параллельном использовании.

The premium plugin offrs many more social buttons from other social media platforms such as Snapchat, Whattsapp, Yelp, Sound cloud and many others. It’s the best socialsharing plugin on the market 🙂 Check it out at https://www.ultimatelysocial.com/usm-premium/

Участники и разработчики

«Social Share Icons & Social Share Buttons» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

3.1.9

3.1.8

3.1.4

  • Update: Solved the Undefined Notice messages.

3.1.3

  • Update: Google plus like removed
  • Update: Extra debug log removed
  • Update: Screencast video removed
  • Update: more icons included.
  • Update: White background from icons removed.

3.1.2

  • Update: updated the new added icons.
  • Update: optimized the extraicons of premium shown to the plugin.

3.1.1

  • Update: removed unwanted files.
  • Update: included skins for wechat icons.
  • Update: Custom skin for newly added icons.
  • Update: Compatablity Errors corrected.

3.1.0

  • New Feature: New icons Implemented.
  • Update: Alert for checkbox conflict.
  • Update: Cron implemented for rss count.
  • Update: Custom icons not showing solved.

3.0.9

  • Update: Woocommerce resolved conflict resulted in other conflicts — fixed.

3.0.8

  • Update: Critical Security Patch.
  • Update: Resolved Conflict with woocommerce auto update.

3.0.7

  • Update: Security Patch.

3.0.6

  • Update: security update.
  • Update: save button not working.

3.0.5

  • Update: Theme cheker dom error updated.
  • Update: Deprecated Google plus
  • Updated: css changes to make icons more symetric.

3.0.4

2.9.8

  • Update: Display counts can’t be manually updated

2.9.7

  • New Feature: Direct chat added to the plugins settings page.

2.9.6

  • Image not showing error fixed for banner in animation section in Question 4 added

2.9.5

  • Lightbox removed after click on de-activation of plugin
  • Banner for animation section in Question 4 added
  • Different icon for mouseover section pointing in premium in Question 4 added
  • Removed theme icon banner if no match

2.9.4

  • Optimized footer

2.9.3

  • Fixed Gutenberg issues which arose for old PHP versions
  • Removed Addthis due to GDPR compliance issues

2.9.2

2.8.2

  • Non-numeric value errors fixed

2.8.0

  • Removed error log files
  • Follow icon sometimes showed too large — fixed

2.7.9

  • Linkedin-counter after posts corrected

2.7.8

  • Text changes

2.7.7

  • New question for referring added

2.7.6

  • Saving links for custom icons sometimes didn’t work. Fixed now.

2.7.5

  • Links updated

2.7.4

  • Themed icons notification optimized

2.7.3

  • Important bug fixed (which caused fatal error on sites with PHP version below 5.5. and sensitive error reporting on server)

2.7.2

  • Banners modified
  • Spelling mistakes corrected

2.7.1

  • Добавлено больше тематических иконок

2.7.0

  • Были конфликты при одновременной установке двух бесплатных плагинов USM, теперь они разрешены

2.6.9

  • Добавлено уведомление о возможности настройки расшариваемого текста и картинки

2.6.8

  • Добавлена ссылка на полный список премиум-версий иконок

2.6.7

  • Добавлена информация о доступности сокращения URL в премиум-версии плагина
  • Решена проблема с предупреждениями без указания номера
  • Решена проблема с заголовками шаблонов

2.6.6

  • Удалены неверные сообщения об ошибках
  • Улучшен формат обзорной панели расшаривания в соцсетях

2.6.5

  • Теперь при удалении плагина также удаляются данные виджета, поэтому плагин удаляется бесследно

2.6.4

  • Новые сообщения об ошибке CURL с более подробным описанием проблемы
  • Сообщение об ошибке в случае старой версии PHP у позьзователя
  • «Обязательно» отключен для иконок RSS и имейла
  • Ошибка Freemius (проблемы с удалением) устранена
  • Иконки больше не выделены (был конфликт с некоторыми темами, такими как twentyseventeen)
  • Js удалён после деактивации иконок
  • Изображение Fremius добавлено
  • После активации плагина вы перейдёте непосредственно на страницу настроек плагина

2.6.3

2.4.9

2.4.7

  • Missing counts for email follow option fixed (when there are no subscribers yet)
  • Extra explanation text added

2.4.6

  • Corner case vulnerability fixed

2.4.5

  • Claiming box made nicer

2.4.4

  • Updated PIN-it button to SAVE
  • Claiming process simplified

2.4.3

  • jQuery issue fixed
  • Counts for SpecificFeeds-subscribers are back, getting updated once a day
  • Some mouse-over issues for custom icons, fixed now

2.4.2

  • Cute G+ icon didn’t look good on dark backgrounds, fixed now
  • Counts for SpecificFeeds-subscribers disabled due to high server load. We’ll try to bring them back in a future plugin version.

2.4.1

  • Size of custom icons corrected
  • Cute G+ icon too small before, corrected now
  • Better description how to get G+ API key added
  • Unsupported «live» function in jquery fixed

2.3.9

  • Language issues fixed
  • Counter didn’t disappear before/after posts if round icons were selected — fixed now

2.3.8

  • Language folder added
  • Persian added as first language
  • For round icons before/after posts, the counts now correctly show the counts of the post page, not necessarily the page they are on

2.3.7

2.2.9

2.2.4

  • Custom icon uploads optimized

2.2.3

  • Houzz error message fixed

2.2.2

  • Plugin made ready for translations

2.2.1

  • Feed claiming optimized

2.2

  • Shortpixel link updated

2.1

  • Feed claiming bug fixed

2.0

  • Houzz-button integrated
  • New G+ button updated
  • Quicker claiming of feed possible
  • Comments to share-button added
  • Credit to shortpixel added

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

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

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

Этот премиальный плагин от Appscreo. Он доступен на CodeCanyon.net, который является частью . Это самый разносторонний плагин социальных сетей, который вы только можете найти на данном рынке, а все благодаря тому, что он позволяет вам разместить панель социальных сетей там, где пожелаете.

Присутствует опция, позволяющая использовать плавающую панель социальных сетей рядом, над или под записью. Также есть такие социальные триггеры, как поп-апы и «вылетающие» функции. У вас даже есть 25 шаблонов на выбор, благодаря которым вы можете тщательно подогнать стиль этой панели под дизайн вашего сайта. Прочитать подробный обзор

MONARCH от ELEGANT THEMES

Monarch – премиальный плагин социальных сетей, который идет в комплекте с планами от популярных Elegant Theme’s Developer и Lifetime Access. Данные планы также включают 85 премиальных WordPress-тем и другие плагины, предложенные разработчиками.

Бесплатные плагины социальных сетей

Этот плагин набрал популярность во многом благодаря своим инструментам построения трафика, но бесплатная версия идет в комплекте с SumoMe Share app. Этот app позволяет вам поместить статичную или плавающую панель туда, куда вы захотите, не зависимо от того хотите ли вы видеть ее рядом с записью или использовать в качестве плавающей панели для мобильных устройств.

SumoMe Share Pro радует дополнительными функциями, среди которых присутствует опция удаления брендинга SumoMe из вашей панели, 20%повышение популярности вашего контента в социальных сетях (как обещают разработчики), UTM-трекинг, возможность определить, какая социальная сеть приносит больше трафика.

GetSocial или Social Sharing, Smart Popup & Share Buttons от GetSocial.io – бесплатный и мощный плагин социальных сетей. Он позволяет вам использовать плавающую панель сбоку от записи или статичную панель над или под записью. Бесплатная версия дает полный простор для работы над дизайном.

Премиум-версия доступна за посильный ежемесячный взнос. Она дает вам возможность использовать плавающую панель для мобильных устройств, а также дает доступ к дополнительным дизайн-настройкам. Вы даже сможете избавиться от счетчиков кнопок и добавить собственно имя пользователя в Twitter для функции плагина «кликнуть-чтоб-твитнуть»

AddToAny Share Buttons – это один из самых популярных плагинов социальных сетей, у которого уже набежало более 200,000 активных инсталляций. Этот плагин просто позволяет разместить плавающую панель сбоку от записи, а также над ней или под записью.

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

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

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

Это менее популярный плагин, но его отзывчивый и чистый дизайн делает его достойным претендентом на лидерство в этом маленьком топе. Плагин — простой и позволяет вам без лишней головной боли добавить социальные сети на ваш сайт.

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

Заключение

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

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

К тому же такие плагины ухудшают показатели Google Page Insight, а как известно, Google ориентируется на показатель скорости при ранжировании страниц, да и в общем скорость влияет на много показателей. Поэтому я рекомендую избегать плагинов!

Как можно установить социальные кнопки WordPress без плагинов?

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

Если у вас WordPress и ваш сайт медленный, тогда обязательно переходите — !

Установка CSS-кнопок

Что такое CSS-кнопка? — Это динамичная кнопка, которая работает исключительно с помощью стилей в файле style.css . Эти кнопки мы как раз и будет использовать для репостинга, теперь давайте покажу, как они будут выглядеть.

Пример №1:

Как они работают? — .

Пример №2:

Как они работают? — .

Внимание: возможно я внесу некоторые поправки в код, которые его улучшать (если кому-то не понравится)!

1. Добавляем стили в файл style.css

Этот файл расположен на хостинге: ваш сайт/wp-content/themes/название темы/style.css .

Потом берем стили из первого или второго примера и полностью переносим в конец файла style.css. Если ваш шаблон криво стал работать или не отображается — значит перенесли код не полностью!

2. Добавляем код кнопок на сайт

Если у вас обычный блог на WordPress, как у меня, тогда вам следует данные кнопки устанавливать в конце статей, а что бы это сделать нам нужно найти файл single.php.

Путь к файлу single.php: ваш сайт/wp-content/themes/название темы/single.php . И провести эксперименты, где лучше расположить кнопки. Туда нужно вставить все

стили.

Если у вас простой шаблон, то все будет работать без дополнительных доработок. Однако как часто бывает, что шаблоны блокируют стили или что-то выводят не так. Поэтому в стилях можно добавить «!important» (будет приоритете).

Кнопки социальных сетей от Share42

Кнопки от Share42 работают при помощи одной картинки (спринта) и скрипта, который подключается в ручную. Такая система намного лучше плагинов, где потребляет меньше ресурсов и Google одобряет такие кнопки.

Что необходимо для установки кнопок:

  1. Выбрать необходимый набор кнопок;
  2. Скачать папку с файлами;
  3. Поместить ее в папку плагинов;
  4. Загрузить нужный код с сайта в место, где будут выводиться социальные кнопки.

Видео урок по установке кнопок:

Онлайн генераторы социальных кнопок

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

В интернете находится всего 2 онлайн генератора, которые достойны, что бы быть на страницах вашего сайта. Если что, у меня кнопки от первого сервиса.

1. UpToLike

  1. Собирает ежедневную статистику посещаемости, лайков и репостов;
  2. Может репостить отдельно картинки или цитировать текст в социальных сетях;
  3. Есть красивое всплывающие окно социальных сетей (подписка в группу);
  4. Мобильная адаптация (мобильный блок кнопок);
  5. Можно скачать плагин кнопок для популярных CMS.

2. Pluso

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

Ну а какой выбрать способ решать уже вам. Если вы знаете еще какой-то хороший способ обойти плагин и сделать социальные кнопки для WordPress, обязательно напишите в комментариях. Будет интересно посмотреть.

Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как очень просто добавить на свой сайт виджет социальные иконки. С помощью данного виджета вы сможете добавлять на сайт не только социальные иконки, но и просто различные иконки на любые сайты и страницы. В настройках виджета у вас будет на выбор более 400 различных иконок. Вы сможете вставлять к каждой иконки любой URL адрес, соцсети или просто любого сайта. Можно будет выбрать цвет и размер для иконки. Есть три стиля на выбор, круглый, квадратный, с закруглёнными краями.

Установить плагин Social Icons Widget by WPZOOM вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

– Title, можете указать заголовок для виджета.

– Description, можете указать описание для виджета.

– Show icon labels, поставьте здесь галочку, чтобы добавить к иконкам описание.

– Open links in new tab, поставьте здесь галочку, чтобы открывать ссылки в новом окне.

– Icon Style, здесь два стиля для иконок, с фоном и без фона.

– Icon Background Style, здесь вы сможете выбрать стиль для фона иконок, фон с закруглёнными углами, круглый фон и квадратный фон.

– Icon Padding (pixels), здесь можно указать размер набивки иконок.

– Icon Size (pixels) , здесь можно задать размер иконок.

– Icons, у вас по умолчанию будут отображаться три соц. иконки, для facebook, twitter и instagramm. Вам нужно добавить свои ссылки на свои страницы или сообщества в данных соцсетях. В конце сохраните виджет

Вы также можете добавлять дополнительные иконки. Чтобы добавить иконку нажмите на кнопку – Add more . У вас появится поле для новой иконки, чтобы выбрать иконку нажмите на крестик в чёрном кружке.

Далее, у вас откроется окно для выбора иконок. Выберите иконку, выберите цвет для иконки, можно выбрать категорию иконок. У вас будет на выбор 4 категории с различными иконками, более 400 штук. В конце нажмите внизу на кнопку – Save .

Сервисом - UpToLike.ru и покажу, как установить социальные кнопки на сайт WordPress без плагина . Кнопки социальных сетей на вашем сайте - это возможность значительно увеличить число посетителей блога за счет тех пользователей, которые приходят к вам из социальных сетей. Тем самым они помогают улучшить поведенческие на своем веб-ресурсе. А так же, практика показывает, что увеличение уникальных пользователей проекта, может доходить до 30 и выше процентов.

Главная задача бесплатного сервиса социальной активностиUpToLike - дать вам возможность максимально просто и быстро установить на своем сайте, блоге не просто кнопки социальных сетей, а модули, которые бы побуждали пользователей вашего ресурса оценивать (Like) и делиться с другими (Share) интересной информацией, которую они увидели.

UpToLike ломает рамки и отправляет в прошлое вульгарный шаринг страниц целиком, они дают пользователям возможность акцентировать внимание, делиться лишь тем, что им нравится! Теперь посетители вашего блога, сайта получают возможность выделить часть интересного текста на странице и расшарить в социальных сетях только его! По традиции сервис позаботился не только о пользователях вашего блога, но и о его владельце! Подключение модуля "Цитирование" производится всего лишь в один клик на этапе конструирования социальных кнопок! При разработке , ни одного шаринга страниц целиком не пострадало! UpToLike оставил эту возможность для всех.

Сервис предлагает вашему вниманию не только блоки социальных кнопок Share , Llke , Follow , но и модуль - Опросы ! Теперь Вы владеете неприлично простым и удобным функционалом для создания опросов на вашем блоге! Помимо интуитивно понятного и легкого конструирования модулей UpToLike, в личном кабинете Вы всегда сможете получить развернутую статистику по каждому опросу! Все опросы в одном интерфейсе, результаты, количество проголосовавших и многое другое в Вашем личном кабинете! Сложные вещи? Просто!

Как настроить и установить горизонтальные соцкнопки UpToLike на сайт

Сервис UpToLike

Для того, чтобы разместить социальные кнопки UpToLike и дать возможность вашим посетителям быстро делиться интересными страницами в своих аккаунтах социальных сетей, вам необходимо перейти на сайт http://uptolike.ru/ и воспользоваться конструктором кнопок и выполнить ряд операций. Выберите тип кнопок "Share или Like", вид ориентации кнопок (горизонтальная или вертикальная). Затем,установите галочку в поле "Общий счетчик" в случае, если вы хотите, чтобы пользователи видели количество лайков:

Основные настройки кнопок

Измените при помощи «расширенных настроек» размер и цвета кнопок для создания собственного уникального стиля:

Или так, вертикально:

Кликните на кнопку Получить код после того, как вы закончили с настройками. Далее, введите действующий e-mail и адрес сайта в открывшееся окошко. Нажмите получить код:

Полученный код необходимо вставить в том месте шаблона вашего сайта, где вы хотите увидеть блок кнопок. Горизонтальные социальные кнопки обычно ставят после сообщения или над статьей. Зайдите в админпанель - Внешний вид - Редактор. Открываем файл "Одна запись" (single.php) и находим строчку . Найти код можно при помощи сочетаний клавиш (Ctrl + F). Если хотите, чтобы кнопки отображались в начале поста, тогда вставляйте скопированный код чуть выше найденной строчки. Если после сообщений, как у меня чуть ниже. Сохраните изменения в файле и готово.

Теперь можно добавить надпись перед блоком соцкнопок и задать цвет для неё. Делаем так - перед скриптом добавляем строчку:

Где: h3 - размер надписи; center - выравнивание надписи по центру, можете использовать right (право) или left (слева); color: #085E0F - цвет надписи.

И естественно сама надпись которую Вы можете заменить на другую. Если кнопки слишком плотно прижаты к статье, их можно отодвинуть тэгами
. Сама конструкция должна теперь выглядеть так:

Ух ты кнопочки! Поделитесь со своими друзьями в социальных сетях:

Ваш скрипт кнопок

В личном кабинете для вас будет доступна вся статистика по социальным действиям на вашем блоге. На этом я с вами прощаюсь. Удачи.

(function(w, d, n, s, t) { w[n] = w[n] || ; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true }); }); t = d.getElementsByTagName("script"); s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks");