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