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";}

Кастомные кнопки соцсетей для индивидуального оформления сайта

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

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

Кастомные кнопки соцсетей плагином Custom Social Icons

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

Поехали!

Скачиваем, устанавливаем себе на сайт и активируем плагин Custom Social Icons. После этого переходим, как обычно, в пункт «Настройки» и выбираем подпункт «Custom Social Icons». Здесь, как мы и обещали в самом начале статьи, всё предельно просто и понятно.

  • Сначала мы видим строку, которая называется «Link 1». В неё необходимо записать URL социальной сети, которую необходимо добавить.
  • Затем нажимаем «Click To change Image» и нам открывается стандартная библиотека медифайлов. Здесь мы можем выбрать уже имеющееся изображение или загрузить новое с компьютера. Это изображение будет иконкой для создаваемой социальной сети. К иконке можно применить требования, которые предъявляются к иконкам сайта. О них мы рассказывали тут. Но можно и поэкспериментировать с другими характеристиками изображения.
  • Обратите также внимание на кнопки со знаками плюса и минуса. Благодаря им можно добавить новую социальную сеть или же удалить уже созданную ранее. Таким образом, можно добавить сколько угодно социальных сетей.

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

На самом деле это написано в инструкции к плагину, которая на английском языке, и поэтому никому сразу не понятно. Чтобы вывести кнопки соцсетей на сайте, необходимо использовать шорткод [CSI]. Его можно поставить в каждую запись. Можно также заключить его в PHP код и разместить в файлах шаблона.

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

View Comments

  • Интересная фишка , хотя я не до конца еще разобралась в ней . Дорогу осилит идущий ! Буду пробовать и все получиться !

Recent Posts

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

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

9 месяцев ago

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

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

9 месяцев ago

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

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

9 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago

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

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

10 месяцев ago