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

Раскрутка в соцсетях

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оцените статью
Добавить комментарий