Здравствуйте. Как говорится: “Кто ищет тот всегда найдёт”. Да, я в очередной раз убеждаюсь в этой простой истине. Ведь если вы действительно очень сильно хотите что-то найти или получить, и прилагаете к этому все свои усилия, то нет сомнений, вы найдёте то что ищите, и получите с полна то что хотели получить.
Захотелось мне тут установить к себе на сайт иконки соцсетей поделится, не в записи, в записях у меня уже имеются иконки соцсетей. Мне захотелось установить иконки на главную страницу, на самый край сайта, что бы они стояли там по центру и не перемещались вслед за страницей, то есть что бы страница двигалась, а иконки так и оставались по центру с краю сайта, чтобы всегда на виду были.
В итоге я конечно установил иконки соцсетей на край главной страницы, но для этого мне пришлось не хило попариться. Да же был момент, когда я было уже смирился с тем, что у меня не получится установить иконки так как я хочу. И всё дело в том, что в интернете очень мало информации, о том как установить иконки соцсетей как на фото выше.
В основном все ссылаются на сервис Share4, так как, как раз-таки там и имеется функция – плавающей вертикальной панели с иконками. Но немного изучив данный сайт, я сразу же закрыл его, почему? Ну во первых меня не устроил дизайн, стиль иконок соцсетей, слишком уж он блёклый. А во вторых вы запаритесь устанавливать иконки соцсетей с помощью данного сервиса. Если вы уж и хотите добавить иконки соцсетей с помощью HTML-кода, то тогда лучше воспользуйтесь сервисом Uptolike, я считаю он лучший в своём роде.
В общем немного попарившись, и пораскинув мозгами, я решил искать иконки соцсетей не на сайтах-сервисах, а через плагины, и мои усилия были вознаграждены, я нашёл очень прикольный плагин – Share Buttons by GetSocial.io. С помощью данного плагина вы сможете установить иконки соцсетей, хоть в записи, хоть на страницы, и чтобы они были на самом краю сайта, по центру, и всегда были на виду. И самое крутое, что вам не нужно будет парится, и искать место для вставки HTML-кода, кода здесь вообще не будет. Просто нажмёте на несколько кнопок, и иконки соцсетей появятся в нужном вам месте.
Итак, переходим к установке и настройке плагина Share Buttons by GetSocial.io, это займёт у вас не много времени, так как здесь всё просто, быстро и удобно. Данный плагин вы сможете установить через административную панель WordPress, для этого перейдите по вкладке: Плагины – Добавить Новый, и в поле поиска плагинов введите название плагина – Share Buttons by GetSocial.io и нажмите Enter.
После установке, активируйте плагин, чтобы в вашем меню WordPress появилась вкладка – GetSocial, нажмите на данную вкладку.
Далее на странице параметров плагина, проверьте адрес своего сайта, и электронной почты, и нажмите на кнопку – Create your account, чтобы завести аккаунт в данном сервисе.
После чего для вас откроются доступные для вас приложения. Начнём с добавления иконок соцсетей в записи, для этого выберите приложение Horizontal sharihg bar.
Далее вы попадёте на страницу создания иконок соцсетей. В первых настройках вам нужно выбрать сервисы соцсетей, которые будут отображаться на иконках.
В следующих настройках вам нужно будет выбрать цвет иконок, он может быть либо однотонным, либо разноцветным. Нажав на кнопку Flat design, ваши иконки могут стать либо объёмными, либо простыми.
Далее в настройках – size и shape, вы можете отредактировать размер и форму ваших иконок.
И в заключительных настройках вам нужно решить где будут располагаться ваши иконки соцсетей. Либо вверху, либо внизу записи, а можно выбрать чтобы иконки отображались и сверху и снизу поста. Да и нажав на кнопку – Сounter, можно убрать счетчики с иконок, которые показывают сколько раз кликали по иконкам. В конце нажмите на кнопку – save and activate, для сохранения настроек.
Всё после этого на вашем сайте в ваших записях автоматически появятся иконки соцсетей, и когда вы будете создавать записи они так же будут автоматически добавляться к вам в записи. В общем всё замечательно, и хотелось бы упомянуть ещё об одних настройках, которые могут вам пригодиться. Вверху на странице плагина найдите вот такое меню:
Нажмите на вкладку Settings – настройки, у вас откроются настройки:
Итак, API KEY – это ключ, который позволит вам активировать данный плагин, на другом вашем сайте. А дальше идут настройки, где показывать иконки соцсетей, можете по экспериментировать. На счёт шорт-кода не знаю не пробовал, а зачем? В конце сохраните сделанные изменения.
Да и ещё, чтобы редактировать основные настройки иконок соцсетей, или деактивировать иконки, то есть отключить, на приложении для этого будет две кнопки. Edit App – редактировать, Deactivate – отключить.
Итак, как добавить иконки соцсетей в запись, я надеюсь вы разобрались. Так же можно добавить иконки соцсетей непосредственно на страницу вашего сайта, а именно на самый край сайта, как у меня на сайте, чтобы они всегда были на виду. Как это сделать я рассказывать не буду, так как настройки там аналогичные, что и при добавлении в записи. Данное приложение называется – Floating sharing bar, floating – значит плавающие, обтекаемые.
Если у вас остались вопросы, напишите комментарий
Что- то я на этом сайте не вижу кнопок.
Вы правы, на этом сайте нет кнопок соцсетей.
Спасибо. Очень полезная информация. Я с ног сбилась пока искала путевые “кнопки”.