amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Прочее

Кнопки социальных сетей на сайте с универсальным сервисом Share42

Иконки поделиться в социальных сетях являются необходимыми для продвижения сайта и установки хороших социальных факторов. Они положительно сказываются на скорости индексации сайта.

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

Кнопки социальных сетей с помощью сервиса Share42

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

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

Теперь выберите тип панели с иконками. Здесь доступно два варианта: вертикальная и горизонтальная. Если у вас на сайте будет большое количество кнопок, советуем выбрать вертикальную панель, так как она не будет загораживать контент и будет видно только небольшое количество кнопок.

Если вы хотите что бы было отображение счетчика на иконках, поставьте галочку напротив «К вашему сайту подключен jQurey», а также на следующей строке.

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

В конце нажмите на кнопку «скачайте готовый архив», распакуйте его. Архив следует распаковать в папку Share42, которая должна находиться в корневом каталоге.

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

Если же дизайн кнопок вас не устраивает, вы можете их изменить. Создайте файл в формате png с названием icons. В нем нарисуйте в ряд свою версию кнопок социальных сетей. Далее скопируйте этот файл в папку Share42 с заменой.

Вот собственно и все. Теперь у вас на сайте будут оригинальные кнопки социальных сетей.

Адель Гадельшин

View Comments

  • Время социально зависимых. Точно поможет в продвижении.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago