Добрый день уважаемые гости и частые читатели проекта «Анатомия Бизнеса» с Вами, как обычно вебмастер Александр. Сегодня мы продолжим цикл нашего курса «Как создать сайт на 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 наборе кнопок.
В разумеется варианте у Вас обязано получиться что-то вроде этого:
На этом мы закончим наш урок. Если у Вас появились какие-нибудь трудности во время выполнения данного урока, задавайте вопросы в комментариях.
Успеха Вам в бизнесе!
