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: Плагины

Плагин кнопок WordPress с тончайшими настройками

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

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

Познакомимся с ним поближе.

MaxButtons

MaxButtons – это плагин кнопок WordPress. И название говорит само за себя – максимум настроек, максимум возможностей. Скачиваем, устанавливаем и активируем плагин, потом переходим в пункт консоли «MaxButtons».

Чтобы добавить новую кнопку, необходимо нажать на «Add New», и тогда перед нами отроется окно с инструментами. Из примечательного, что имеет этот плагин кнопок WordPress – препросмотр, который оформлен очень удобно. Он представляет собой небольшое окошко, которое всегда будет находиться в поле зрения, как бы не прокручивался скроллер. А также его можно двигать мышкой.

Настройки кнопки разделены на несколько секций.

  • Basics. Основные настройки – здесь вводим название кнопки и её описание, а также не забываем про URL, на который она будет вести при клике. Можно установить ссылке атрибуты, закрывающие её от индексации и открывающие её в новой вкладке.
  • Text. Глобальнейшие и широчайшие настройки шрифта: от размера и семейства до отступов от всех сторон кнопки.
  • Настройки размера кнопки. Ничего особенно, всего две величины – ширина и длина.
  • Множество настроек цвета. Данный плагин кнопок WordPress особо в этом преуспел. Можно выбрать цвет текста, тени, начального и конечного градиента, рамки и тени рамки.
  • В этой секции более тонко можно настроить границы кнопки – отступы, толщину, стиль и прочее.
  • Gradients and Opacity. Настраивается градиента и прозрачность всех кнопки. Имеется возможность выбрать говер-эффекты, то есть изменение кнопки при наведении мышки.
  • Container. Разнообразные настройки контейнера кнопки и положения её на сайте.
  • Дополнительные опции плагина кнопки WordPress, например, тут можно подключить собственный стиль CSS.
  • Responsive Settings. В этой секции настроек определяется вид кнопки на разных устройствах, что крайне актуально в период их разнообразия. Ведь не захочется портить кроссплатформенность дизайна из-за одной кнопки. Как отображается кнопка на разных устройствах, вы можете узнать тут.
Адель Гадельшин

Recent Posts

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

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

7 месяцев ago

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

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

7 месяцев ago

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

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

7 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago