Шаблоны для социальной сети на WordPress. Как с помощью WordPress создать социальную сеть

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

Размещение кнопок социальных сетей на своем проекте

Самый простой способ добавить кнопки соц. сетей на свой сайт под управлением WordPress – это установить специальный плагин и разместить соответствующий виджет. Универсальный плагин, способный выполнять как обычные функции (лайк, репост), так и дополнительные (голосование, замок на контент), к сожалению отсутствует. Но, эту проблему можно решить установкой нескольких.

Для них существуют различные плагины, встраивающие виджет соц. сети на сайт, одним из которых является Easy Social Share Buttons. Это легкий и быстрый плагин, позволяющий разместить кнопки более 40 социальных сетей, таких как Facebook, Twitter, Вконтакте, Google+, и другие.

Обладает огромным количеством полезных функций, среди которых:

• Возможность делиться изображениями с друзьями, в том числе, через Виджет;
• Установка дополнительного действия после «репоста» к любой соц. сети;
• Возможность отправлять моментальные «твиты», даже через виджет;
• Множество стилей для визуального оформления;
• Поисковая и мобильная оптимизация;
• Установка счетчиков в виджет;
• Метрика.

Настройка Easy Social Share Buttons

В Easy Social Share Buttons достаточно много настроек, которые по началу могут запутать. Чтобы этого не произошло, разработчики предусмотрели мастер настройки Quick Setup, который поэтапно проходит все основные опции, позволяя создать виджет готовых кнопок на WordPress сайт.

1. Шаблон – выбор внешнего вида из более 20 предустановленных стилей.
2. Стиль – установка выравнивания, отступов и ширины.
3. Выбор кнопок – тех сетей, которые нужно добавить. Их порядок меняется местами с помощью простого «перетаскивания» мышью.
4. Счетчики – включение отображения количества «лайков» или «репостов» в виджет. Они могут быть как отдельные, так и общие.
5. Расположение – выбор местонахождения (в постах или страницах сайта).
6. Позиции – конкретное расположение на страницах сайта.
7. Мобильные настройки – отключение или смена расположения на мобильных устройствах.

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

Кнопки встроенные в голосование

Добавив какое-нибудь провокационное соц. голосование на сайт, можно привлечь внимание большого количества посетителей. Это очень эффективный способ генерации трафика, поэтому не стоит его игнорировать.

Правда, с этим у WordPress все не так радужно, поскольку плагины реализующие данную возможность практически отсутствуют. Их всего несколько, наиболее функциональный — WP Social Votes. Этот плагин позволяет принимать участие в голосованиях через 5 соц. сетей, таких как Facebook, Вконтакте, Одноклассники, и другие.

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

Размещение кнопки для блокировки контента

Есть разные плагины, с помощью которых можно добавить замок к содержимому на WordPress, но большинство из них работает только с Facebook и Twitter. Поддержка Российских социальных сетей (Вконтакте и Одноклассники) есть только в Sociallocker (Социальный замок).

Использование Sociallocker

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

У Sociallocker есть бесплатная версия, созданная для тестирования. Она обладает всеми основными функциями и может использоваться неограниченное количество времени. Некоторыми описанными возможностями оснащена только платная версия.

Дополнение

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

Чтобы автоматизировать кросспостинг в рамках сайта под управлением WordPress, можно использовать плагин NextScripts: Social Networks Auto-Poster (сокращенно SNAP). Он поддерживает автопостинг в большинство популярных соцсетей, таких как:

Кросспостинг SNAP в Facebook

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

Создание приложения

1. Сначала, необходимо зарегистрироваться на Facebook в качестве разработчика. Для этого понадобиться заполнить некоторую информацию, а также подтвердить номер телефона.
2. Далее, нужно будет создать новое приложение, нажав «Create New App», и заполнив все необходимые данные.
3. Сразу после создания приложения надо скопировать «App ID» и «App Secret», они обязательно понадобятся потом, чтобы реализовать автопостинг.
4. Ниже, нужно выбрать «Website with Facebook Login», где ввести адрес сайта, из которого будет вестись кросспостинг. Заполняя раздел «Basic info», необходимо ориентироваться на данные из настроек SNAP. Кроме того, обязательно установить галочку на «Disabled» в опции «Sandbox Mode», иначе автопостинг работать не будет.

Подключение и авторизация

Когда приложение создано, можно подключать в SNAP аккаунт Facebook, на который будет вестись автопостинг, нажав «Add new account». При добавлении понадобиться указать URL страницы на Фейсбук, а также вставить «App ID» и «App Secret» скопированные при создании приложения.

Кросспостинг SNAP в Вконтакте

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

Создание приложения

1. Нужно перейти в раздел разработчиков Вконтакте и создать новое приложение.
2. Ввести его имя, а также обязательно выбрать «Standalone Application», иначе автопостинг работать не будет.
3. Подтвердить телефон.
4. Скопировать строку «Application ID»

Подключение и авторизация

Подключение происходит точно также, как и предыдущее. В SNAP добавляется новый аккаунт Вконтакте, заполняется адрес страницы, на которую пойдет автопостинг, вставляется ID приложения.

Авторизация в Вконтакте имеет некоторые отличия, после нажатия «Update Settings» и «Authorize Your vKontakte Account» появится строка с длинным URL адресом, которую необходимо скопировать в «vKontakte(VK) Auth Response». Автопостинг статей в Вконтакте с помощью SNAP готов.

Заключение

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

Приветствуем вас! Социальные медиа стали такой неотъемлемой частью Интернета, что для большинства веб-сайтов это их второй источник трафика! Они постоянно растут, и они становятся популярными начиная от молодежи, до людей преклонного возраста, так как все они как обмениваются информацией. Когда-то в недалеком прошлом, для читателей было общепринято подписываться на блоги с помощью RSS. В настоящее время, люди чаще подписываются на страницу Twitter, Facebook или Google+ на веб-сайте, чтобы получать уведомление о новом контенте. Как владелец веб-сайта, вы можете воспользоваться преимуществами этих изменений, сделав его максимально простым, чтобы люди могли делиться вашим контентом.

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

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

1 Simple Share Buttons Adder

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

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

2 WP Social Sharing

Этот плагин позволяет легко добавлять кнопки совместного доступа для 6 основных социальных сетей такие, как: Facebook, Twitter, LinkedIn и Pinterest. В настройках вы найдете возможность автоматически отображать эти кнопки. Вы можете выбрать, будут ли они отображаться в сообщениях, страницах, или настраиваемых типах сообщений. Этот плагин прост, но эффективен!

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

3 Custom Share Buttons

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

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

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

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

• Вы можете скрыть плавающие кнопки для мобильных устройств, что полезно, поскольку плавающая боковая панель не реагирует на мобильные устройства, если вы не приобретете про-версию
• Цена: Бесплатно

4 AddToAny Share Buttons

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

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

• Поддерживается огромный спектр социальных сетей, а также общий доступ к электронной почте
• Выбор размеров значков
• Выбор, где вы хотите разместить кнопки
• Добавление кнопок с помощью кроткого кода, чтобы поместить его в любом месте
• Интеграция с Google Analytics помогает отслеживать ваш прогресс.
• Цена: Бесплатно

5 Swifty Bar

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

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

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

6 Sassy Social Share

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

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

Цена: Бесплатно

7 Social Icons Widget by WPZoom

Social Icons Widget позволяет вам легко добавлять значки социальных сетей на боковую панель WordPress. Он предлагает три стиля значков: закругленные границы, круглые и квадратные. Вы можете также использовать пользовательские цвета для значков, если хотите.

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

Цена: Бесплатно

8 Easy Social Share Buttons for WordPress

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

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

• Поддержка 45+ социальных сетей
• 22 разных местоположения для добавления ваших кнопок общего доступа
• Более 40 встроенных шаблонов
• 11 позиций счетчика
• Социальные виджеты
• Всплывающие окна для социальных акций
• Поддержка размещения короткого кода
• Настраиваемый текст кнопки
• Поддерживает любые пользовательские типы сообщений
• Мобильный оптимизированный дисплей
• Совместимость с WooCommerce
• Цена: $ 19.

9 Monarch

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

При покупке этого плагина вы получаете ценность от членства в Elegant Themes. Помимо Monarch, вы также получаете доступ к плагинам для построения списка, плагинам компоновщика страниц и множеству привлекательных тем WordPress.

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

10 Social Warfare

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

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

• Поддержка популярных социальных сетей
• Ряд привлекательных тем
• Отображает общее количество и количество отдельных акций
• Количество показов отображается только при превышении указанного числа
• Отображает популярные сообщения, размещенные по количеству просмотров
• Отслеживает социальные акции с кодом отслеживания UTM (посмотрите, сколько трафика вы получаете с помощью этого плагина)
• Это еще не все возможности плагина. Цена: начинается от $ 29 (отмена в любое время).

Примечание. Бесплатная версия доступна только с базовыми функциями.

Заключение

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

С уважением Вячеслав и Валерия!

/ Дата: 2014-08-08 в 14:08

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

Что такое кнопки соц. сетей и для чего они нужны на сайте?

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

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

Ну, что же. Давайте установим к себе на блог кнопки соц. сетей при помощи плагина Social Share Buttons. Кроме него я также отмечу и другие варианты, но их описание будет менее подробное, так как я советую выбрать именно данный метод.

Приступим!

Плагин Social Share Buttons.

Очень удобно еще и то, что плагин может добавить на ваш блог такие кнопки, как Mail.ru, «мне понравилось» от Facebook, Mail.ru. Короче установить плагин нужно обязательно. А как? Да очень просто.

1. Скачиваем его на официальном сайте ;

2. Закидываем плагин (не zip архив) в папку плагины на хостинге, либо соединившись с FTP-сервером с помощью проги TotalCommander;

3. Открываем админку блога и активируем Social Share Buttons;

4. Настраиваем;

Выполняется все достаточно просто, так как интерфейс на русском языке, если у вас все на англоязычном, тогда нажмите ПЕРЕВЕСТИ в адресной строке браузера (на Мозиле именно так). Открываем Share Buttons. Это новый раздел в административной панели WordPress.

Есть три подраздела:

• Основные настройки
• Доля настройки
• Настроить, как...

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

1. Можете добавить логотип вашего сайта, если его нет, то пропустите;

2. Заглавие перед кнопками соц. сетей, пропишите любое, вроде этого: поделить в соц. сетях;

3. Все остальные мелочи оставляем по умолчанию и сохраняем настройки;

Другие настройки.

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

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

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

Like Settings.

Здесь вы регулируете нижние кнопки mail, facebook, vkontakte, которые находятся под основными иконками. Можно отметить галочкой показывать текст, отобразить счетчик.

Все сохранили и к настройкам можно не возвращаться. Надеюсь, что вы сможете установить кнопки социальных сетей при помощи плагина Share Buttons. Если что-то не получается задавайте вопросы в комментариях.

Теперь перейдем к другим способам установки кнопок.

Сервис Pluso

Установить кнопки соц. сетей при помощи Pluso очень легко и при этом можно не использовать плагин.

Прописываем в поисковике Pluso. Переходим на сайт и выбираем стиль. После чего копируем код и вставляем в файл singl.php после вывода строки

Кнопки от API

Еще одни кнопки соц. сетей, но теперь уже от Яндекса, которые не требуют плагина. Также прописываем в поисковике: кнопки апи. Переходим на сервис. Копируем код и вставляем в виджеты вашего блога. Они будут красиво выглядеть в сайдбаре. Виджеты находятся в разделе внешний вид в админ панели вордпресс.

Вот здесь можно их получить

Social Skew Bar

Плагин выводит иконки в самом верху страницы вашего блога. Три соц. сети, точнее три кнопки: Facebook, Twitter, Google +1. Установка плагина стандартная, как и с Social Share Buttons.

Скачать плагин можно здесь .

Digg Digg

Кнопки Share42.com

Многие используют кнопки соц. сетей от Share42.com. Почему именно они.

1. Не требуют установки плагина;

2. Имеют привлекательный вид;

3. Их можно установить, в вертикальном положении и горизонтальном после статьи;

Итак!

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

4. Проверили ряд небольших настроек по галочкам и пошли далее.

5. Убедились, что все в порядке и вперед;

6. Скрипт помещаем на хостинг в папку любую и проверяем доступ shareshare42.js;

7. Вставляем код себе в шаблон. Можете все сделать также, как и с Social Share Buttons.

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

AddThis.com

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

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

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

Получить кнопки можно тут ==>>

Ну вот и все. Подходит к концу пост, который описывал специальные сервисы, плагины, позволяющие установить на своем блоге кнопки социальных сетей. Разумеется, существует еще немало других способов, но чтобы все их перечислить понадобится о-о-очень много времени. Поэтому я закругляюсь. В заключение интересное видео:

Всем пока.

С уважением, Жук Юрий.

PeepSo – новый инструмент для создания социальной сети на базе WordPress без привлечения программистов. Ранее разработчики использовали для этих целей только плагин BuddyPress. Сейчас есть выбор.

В 2008 году появился плагин BuddyPress, который программисты использовали для создания социальных сетей на Wordpress. После семи лет монопольного положения у BuddyPress появился конкурент.

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

«Плагин PeepSo не создавался специально, как прямой конкурент BuddyPress. Мы чувствовали, что росла потребность в новом продукте. Дать пользователям только один вариант – неправильная идея. Мы не будем устраивать соревнования с BuddyPress. Мы предлагаем альтернативный инструмент, который постоянно развивается и не уступает конкуренту. В конечном счете, люди выберут решение, подходящее им по функционалу».

Основательница PeepSo – Мерав Кнафо (Merav Knafo), владелица JomSocial – популярного решения по созданию социальной сети на базе CMS Joomla.

Отличия PeepSo и BuddyPress

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

Команда разработчиков PeepSo рассказала о различиях с BuddyPress с точки зрения кода:

• алгоритмы разрабатываются на объектно-ориентированном подходе с использованием PHP и Javascript;
• JavaScript использует механизмы для расширения функционала почтового ящика;
• постоянно оптимизируются запросы к базе данных с целью обеспечить гибкость и масштабируемость плагина.

«Главная цель – разработать новые полезные дополнения в плагин PeepSo. Мы начнем с чата, пользовательских полей профиля, а затем группы, события, страницы и так далее», – добавила Мераф Кнафо . Команда надеется на сотрудничество с другими разработчиками, которые готовы помочь в развитии плагина PeepSo.

Доброго времени суток, уважаемые читатели. Сегодня мы поговорим с вами о том, как можно просто, быстро и без вреда для собственного организма увеличить популярность вашего блога.

Способ, о которой я сейчас расскажу вам, не отнимет больше 20 минут драгоценного времени. Работает ли она и поможет ли существенно увеличить приток читателей? Уверен, что по крайней мере хуже от этого решения не станет. Тестируйте! Чужой опыт – хорошо, а свой – ценнее.

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

Не будьте человеком, который отметает любое предложение только потому, что ему лень уделить 10 минут чему-то новому и за год у вас появится тысяча проверенных возможностей! Какие-то оправдают себя, а какие-то нет, но главное – вы попытаетесь и сможете сказать, что делаете максимум из того, что предлагает вам интернет ().

О сетях, которые нам строить и жить помогают

Наверняка вы есть в Одноклассниках, на Facebook или Вконтакте. Даже если вы один из немногих, кто «особо туда не заходит», вы не можете отрицать тот факт, что это одни из самых популярных сайтов на планете. Было бы глупо, если бы разработчик не использовал возможности социальных сетей.

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

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

Конечно же, я не обещаю вам, что народ начнет повально разносить по миру благую весть о вашем существовании. Я не стремлюсь вас обмануть. Но если вы сомневаетесь и думаете, что это не принесет ровным счетом ничего, то пожалуйста, побольше уверенности! Вы в любом случае ничего не теряете, в вдруг?

Плагин, который позволит наращивать темпы развития сайта без вашего участия

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

Заходим в панель администратора вордпресс. Находим раздел «Плагины», наводим на него курсор мыши и кликаем по «Добавить новый».

В поисковую строчку вводим название Uptolike и тыкаем enter на клавиатуре. Кстати, меня одного немного раздражает, что тут нет кнопки, которой можно было бы посылать запрос при помощи мыши? Пишите в комментариях. Очень интересно ваше мнение. Может устроим революцию?

Ориентируйтесь на эту красивую картинку. Нам нужен этот плагин. Кликаем «Установить».

Готово. Осталось только активировать.

Вот так должна измениться ваша панель слева. Там появится новое приложение UpToLike .

Как сделать «красиво»

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

Открылся раздел «Конструктор», он-то нам и нужен.

Выбираем те социальные сети, кнопки которые нам нужно добавить. Не выбирайте все подряд. Если их будет слишком много, то это негативно скажется на дизайне сайта. Добавляйте с умом. Пусть меньше, да лучше! Мне, например, кажется что основными являются Контакт, Одноклассники и Фэйсбук.

Ориентируйтесь на вашу целевую аудиторию. Подумайте, где может сидеть человек, который станет читать ваш блог. Вы уверены, что он вообще знает про существование 4Talk?

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

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

Наведите мышкой на вопрос рядом с параметром и у вас появится всплывающая подсказка.

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

Вы можете не показывать людям счетчик, отобразить частный (для каждой сети) или сделать общий. Рекомендую последний вариант. Люди охотнее поделятся, если увидят большую цифру. Вспоминаем Антуана де Сент-Экзюпери и его книгу «Маленький принц».

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

Размер и внешний вид счетчика, о котором мы уже говорили.

Готово. Итак, сперва мой тестовый сайт выглядел так.

Но теперь все иначе.

Дополнительные возможности

После того, как вы все сделали, перейдите в раздел «Настройки». Тут вы можете выбрать страницы, на которых будут отображаться кнопки социальных сетей. Хотите ли вы выложить их на главную или в анонсах, показывать на статических страницах или на каких-то определенных?

Решать вам.

Не забывайте сохранять изменения.

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

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

Конечно же, можно обойтись и без плагина. Если у вас есть хоть какие-то знания кода и большое желание, то можете воспользоваться помощью Яндекса и собственными навыками. Итак, заходим на сайт https://tech.yandex.ru/share .

Скролим чуть вниз и видим вот такую форму с набором сервисов. Выбираем нужные социальные сети.

Теперь выбираем внешний вид блока.

Готово. Нам нужен вот этот код. Кстати, этим способом также можно пользоваться если ваш сайт работает на Joomla, или даже совсем без него.

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

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

Открываем нужную папку. Чтобы изменить дизайн, работать придется с темой. Осталось только найти ее. Двигаемся вперед. Кликаем два раза по папке public_html.

Нашли. Нам нужна папка themes.

А вот дальше снова загвоздка. Здесь находится две темы. Именно столько у меня установлено на тестовом сайте. У вас может быть больше или меньше. Если вы столкнулись с такой же проблемой, не отчаивайтесь, сейчас покажу что делать.

Заходите в панель администратора вашего движка. Перемещаетесь в раздел «Внешний вид» — «темы» и ищете название активной.

Разобрались. Называются они одинаково. Идем дальше.

Обычно, кнопки социальных сетей помещают в футер. Это не обязательно, чтобы моя статья не превратилась в книгу по css, я покажу вам только этот прием. Если вы особо не разбираетесь в теме, но очень хотите, то можете пройти бесплатный курс по html и css Евгения Попова, там все подробно рассказывается и объясняется. Что, куда и для чего вставлять.

А со временем, как затянет… и в Онлайн Университет поступите и получите современную интернет профессию.

Но, если желания долго учиться нет, а мой вариант вам нравится (результат можно посмотреть в конце публикации), то ищем файл footer.php

Он должен быть тут. Внизу. Если не видите – ищите. Открываем футер.

Вставляете код, который вам состряпал Яндекс в эту «простыню» до закрывающегося тега body.

Все. В нижней части экрана появились нужные иконки. Готово.