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

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

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

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

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

анимация_увеличение

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

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

14

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

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

16
Когда настройка кнопок будет завершена, останется только получить код для их установки. Для этого предназначена кнопка «Сгенерировать код». Полученный код вставляется в текущий шаблон сайта.
Для установки социальных кнопок на сайт WordPress необходимо открыть файл по пути wp-content/themes/название_используемого_шаблона и найти в нем строчку <?php the_content(‘текст’); ?>. Сразу после нее вставляется код кнопок.
Для Joomla необходимо открыть файл index.php используемого шаблона, который находится по пути /templates/название_папки_шаблона. В этом случае код следует размещать сразу перед закрывающем тегом </body>.
После сохранения изменений каждый пост на вашем сайте будут сопровождать красивые кнопки социальных сетей.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: