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

Иконки соцсетей поделится на сайт wordpress.(без добавления кода)

День Добрый !

Как говорится: «Кто ищет тот всегда найдёт» !  да, я в очередной раз убеждаюсь в этой простой истине. Ведь если вы действительно очень сильно хотите что-то найти или получить, и прилагаете к этому все свои усилия, то нет сомнений, вы найдёте то что ищите, и получите с полна то что хотели получить.

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

 

29-04-20_mini

 

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

В основном все ссылаются на сервис Share42.com, так как, как раз-таки там и имеется функция — плавающей вертикальной панели с иконками. Но немного изучив данный сайт, я сразу же закрыл его, почему ? ну во первых меня не устроил дизайн, стиль иконок соцсетей, слишком уж он блёклый. А во вторых вы запаритесь устанавливать иконки соцсетей с помощью данного сервиса. Если вы уж и хотите добавить иконки соцсетей с помощью HTML-кода, то тогда лучше воспользуйтесь сервисом Uptolike, я считаю он лучший в своём роде.

В общем немного попарившись, и пораскинув мозгами, я решил искать иконки соцсетей не на сайтах-сервисах, а через плагины, и о Слава Богу ! мои усилия были вознаграждены, я нашёл очень прикольный плагин — Share Buttons by GetSocial.io. С помощью данного плагина вы сможете установить иконки соцсетей, хоть в записи, хоть на страницы, и чтобы они были на самом краю сайта, по центру, и всегда были на виду. И самое крутое, что вам не нужно будет парится, и искать место для вставки HTML-кода, кода здесь вообще не будет. Просто нажмёте на несколько кнопок, и иконки соцсетей появятся в нужном вам месте !

Итак, переходим к установке и настройке плагина -Share Buttons by GetSocial.io, это займёт у вас не много времени, так как здесь всё просто, быстро и удобно. Данный плагин вы cможете установить через административную панель WordPress, для этого перейдите по вкладке: Плагины — Добавить Новый, и в поле поиска плагинов введите название плагина — Share Buttons by GetSocial.io и нажмите Enter.

 

29-04-2015 18-31-12_mini

 

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

 

29-04-2015 18-33-19_mini

 

 

Далее на странице параметров плагина, проверьте адрес своего сайта, и электронной почты, и нажмите на кнопку — Create your account, чтобы завести аккаунт в данном сервисе.

 

29-04-2015 18-34-36_mini

 

 

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

 

29-04-2015 18-39-52_mini

 

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

 

29-04-2015 18-44-30_mini

 

В следующих настройках вам нужно будет выбрать цвет иконок, он может быть либо однотонным, либо разноцветным. Нажав на кнопку Flat design, ваши иконки могут стать либо объёмными, либо простыми.

 

29-04-2015 18-45-59_mini

 

Далее в настройках — size и shape, вы можете отредактировать размер и форму ваших иконок.

 

29-04-2015 18-47-28_mini

 

И в заключительных настройках вам нужно решить где будут располагаться ваши иконки соцсетей. Либо вверху, либо внизу записи, а можно выбрать чтобы иконки отображались и сверху и снизу поста. Да и нажав на кнопку — Сounter, можно убрать счетчики с иконок, которые показывают сколько раз кликали по иконкам. В конце нажмите на кнопку — save and activate, для сохранения настроек.

 

29-04-2015 18-49-29_mini

 

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

 

29-04-2015 21-27-33

 

Нажмите на вкладку Settings — настройки, у вас откроются настройки:

 

29-04-2015 18-58-51_mini

 

Итак, API KEY — это ключ, который позволит вам активировать данный плагин, на другом вашем сайте. А дальше идут настройки, где показывать иконки соцсетей, можете по экспериментировать. На счёт шорт-кода не знаю не пробовал, а зачем ? В конце сохраните сделанные изменения.

 

Да и ещё, чтобы редактировать основные настройки иконок соцсетей, или деактивировать иконки, то есть отключить, на приложении для этого будет две кнопки. Edit App — редактировать, Deactivate — отключить.

 

29-04-2015 18-53-19_mini

 

Итак, как добавить иконки соцсетей в запись, я надеюсь вы разобрались. Так же можно добавить иконки соцсетей непосредственно на страницу вашего сайта, а именно на самый край сайта, как у меня на сайте, чтобы они всегда были на виду. Как это сделать я рассказывать не буду, так как настройки там аналогичные, что и при добавлении в записи. Данное приложение называется — Floating sharing bar,  floating — значит плавающие, обтекаемые.

 

29-04-2015 18-59-23_mini

 

До новых встреч, на info-effect.ru, пока !

 

Иконки соцсетей поделится на сайт wordpress.(без добавления кода) обновлено: Апрель 17, 2016 автором: Илья Журавлёв
 
 

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


6 + 8 =



super-infa-top
Стрелка вверх