Главная » Бизнес в интернет » Устанавливаем кнопки социальных сетей на сайт!

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

Добрый день уважаемые гости и частые читатели проекта «Анатомия Бизнеса» с Вами, как обычно вебмастер Александр. Сегодня мы продолжим цикл нашего курса «Как создать сайт на WordPress» и как Вы не забывайте нами была проделана очень большая работа если вы только присоединились к нам, вот некоторые из последний уроков:

Урок 10. Установка плагинов на WordPress
Урок 11. Установка формы комментариев на сайт
Урок 12. Делаем человекопонятные URLы
Урок 13. Установка виджета ВКонтаке на сайт
Урок 14. Добавляем сайт в Google Вебмастер

Сегодня мы установим с Вам социальные кнопки на Ваш сайт.

Для чего ставить кнопки соцсетей?

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

Давайте на секунду задумаемся о том, чему мы доверяем больше, рекламе или советам наших знакомых и друзей? Разумеется ответ понятен! Мы отслеживаем жизнь наших друзей в соцсетях, смотрим их Фотоснимки, мониторим последние известия на их стене. Кнопки соцсетей разрешают людям рассказывать в соцсетях про то, что им интересно на данном жизненном шаге. Нажимая социальную кнопку на ресурсе они публикуют на собственной стене информацию про то, что этот материал им понравился. И от этого для нас, как для вебмастеров существует два главных плюса:

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

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

Почему не нужно применять плагины и сервисы социальных кнопок

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

На это имеется несколько причин:

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

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

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

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

Комплект кнопок для соцсетей

Сегодня посещая просторы глобальной паутины я наткнулся классную выбору социлаьных кнопок! Вот некоторые варианты:

Комплект данных кнопок в PSD формате можно скачать по данной ссылке!

Устанавливаем социальные кнопки на сайт (меняем окрас)

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

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

Если нам нужно сменить окрас кнопки открываем папку с интересующей нас кнопкой, подбираем слой «прямоугоник» и кликаем правой кнопкой, во всплывшем меню подбираем параметры наложения:

Заходим в раздел «наложение цвета», выставляем приглянувшийся окрас и нажимаем ОК:

Сейчас наша кнопка стала желаемого цвета. В моем случае черного:

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

Установка социальных кнопок (внедряем кнопки в код сайта)

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

1) Добавляем кнопку вконтакте:

Не забывайте заблаговременно поставить картинку на вашем сервере

2) Добавляем кнопку facebook:

3) Добавляем кнопку twitter:

4) Добавляем кнопку Одноклассников:

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

5) Ставим кнопку YouTube:

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

В разумеется варианте у Вас обязано получиться что-то вроде этого:

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

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*