Клавиши социальных сетей для WordPress

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

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

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

Но, а сейчас непосредственно перейдем к описанию всех методов. Однако, для начала рекомендуем посмотреть интересный ролик на эту тему.

Клавиши социальных сетей

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

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

Яндекс клавиши социальных сетей

Яндекс — очень популярный среди российских пользователей поисковик. И он даёт возможность использовать клавиши социальных сетей от Yandex. Здесь все достаточно элементарно.

1. Воспользуемся конструктором раздела «поделиться» для выбора нужных социальных сетей.
2. Определяем «внешний вид блока».
3. Копируем код и вставляем его в требуемую область портала.

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

А теперь представим несколько скриншотов, чтобы сформировать у вас еще более подробное понимание.

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

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

Другие сервисы, добавляющие клавиши социальных сетей на сайт

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

• определяемся с социальными сетями;
• меняем внешний вид;
• копируем код;
• вставляем код на собственном ресурсе.

А теперь непосредственно список лучших на наш взгляд сервисов:

• http://share.pluso.ru/;
• http://share42.com/ru;
• https://uptolike.com/;
• http://social-likes.js.org/ru/.

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

Плагины «поделиться» для социальных сетей

Установка клавиш соц сетей для ресурса на Ворд Пресс

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

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

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

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

Конкретно мы хотим рассказать про 2 наиболее популярных и удобных на наш взгляд модуля. Это Social Share Buttons и Jetpack.

Jetpack

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

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

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

Ищем наш модуль «поделиться» и кликаем на ссылку. Затем жмем «Настроить», и система переводит нас в раздел с настройками социальных сетей.

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

В этом разделе и осуществляется выбор требуемых нам клавиш социальных сетей.

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

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

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

Social Share Buttons

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

Произведя его установку и активацию, переходим в новое меню с консоли Ворд Пресс — Share Buttons. Видим, что оно подразделено на 3 подменю. О каждом из них поговорим отдельно.

Основные настройки отображения клавиш социальных сетей

Какие настройки здесь мы можем установить? Все очень просто.

1. Загрузка логотипа ресурса. Это наделит наши клавиши социальных сетей зрительной привязкой к сайту.
2. Текст, призывающий к действию. Его рекомендуется расположить над клавишами.
3. Генерация мета данных в автоматическом режиме с их привязкой к опубликованной статье в социальных сетях.
4. Позиционирование клавиш, слева, справа либо по центру от статьи.
5. Вертикальное расположение клавиш, в нижней или верхней части экрана.

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

Настройки и стиль клавиш

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

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

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

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

Отдельное добавление клавиш для каждой соцсети

Кнопку каждой социальной сети вы можете внедрять и по отдельности на собственный сайт. Расскажем в паре слов о каждой площадке.

ВК

На первом месте стоит клавиша пожалуй самой популярной среди россиян социальной сети — Вконтакте. По данному адресу вы сможете перейти непосредственно в настройках клавиши. Доступных параметров хватит для решения нужных нам задач.

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

Фейсбук

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

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

Одноклассники

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

Гугл+

А вот в случае с Гугл+ все будет немного сложнее, но… Все же у вас не должны возникать сложности. Ведь суть остается той же, и вам нужно скопировать код, а после вставить его на сайт.

Твиттер

У Твиттера также есть все настройки для установки клавиш. Как они выглядят вы можете увидеть на представленном ниже скриншоте.

Майл Ру

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

Как видим, все максимально схоже с настройками клавиши Одноклассники.

Добавляем иконки для профилей и сообществ соцсетей на собственный портал

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

Для детального понимания мы расскажем все на наглядном примере. Из него вы поймете, из каких шагов состоит добавление иконок. Данныё метод можно использовать как для порталов Ворд Пресс, так и для остальных сайтов.

Что же нам потребуется? Все очень просто:

• выбрать месторасположение иконок;
• знать html и CSS на минимальном уровне;
• подготовить иконки социальных сетей (их можно найти, а после загрузить из интернета);
• иметь доступ к файлам шаблона.

В первую очередь приведем вашему вниманию код, который подходит для ВК и Гугл+, наряду с иконкой ленты FeedBurner. По той же схеме можно добавлять любое количество иконок.

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

А вот о CSS мы говорить много не будем, и дадим лишь несколько рекомендаций, которые вы сможете увидеть ниже.

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

В какое место добавляет код клавиш «поделиться» на портал?

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

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

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

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