Как сделать кнопку в WordPress

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

В актуальной версии WordPress имеется возможность создать кнопки даже без установки специальных плагинов. В стандартной комплектации CMS есть данная функция, и в этой статье вы узнаете, как этим воспользоваться.

Как сделать кнопку в странице/записи WordPress

Создание кнопки в WordPress происходит легко и быстро. И, как говорилось выше, для этого не понадобится установка каких-либо плагинов, а соответственно, не нужна будет и дополнительная настройка. Всё делается в стандартном редакторе записей и страниц (Guttenberg) в WordPress.

Откройте редактор и нажмите на кнопку в виде плюса в любом месте, чтобы добавить новый блок.

Найдите и выберите блок “Кнопки”. Найти его можно с помощью запроса в форме поиска.

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

Чтобы вызвать меню кнопки, нужно кликнуть на неё в редакторе. Нажмите на иконку в виде звена цепи в меню кнопки и задайте URL, на который эта кнопка должна переводить при клике. Также URL можно задать и в правой колонке редактора в поле “Link”. Кроме того, вам доступна опция открытия этого URL в новой вкладке.

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

На данный момент в редакторе WordPress, к сожалению, нет возможности сориентировать эту кнопку по левому, правому краю или по центру, используя только встроенные инструменты. Она располагается по левому краю. Также не имеется возможности добавить кнопку в сайдбар или другую область виджетов.

Дополнительные варианты кнопок

На момент создания данного обзора в WordPress, кроме стандартной кнопки, имеются ещё два дополнительных варианта кнопок. Они отличаются дизайном оформления от стандартной и представляют собой готовые паттерны (наборы настроек).

Первая вариация – “Две кнопки”. Она представляет собой, как понятно по названию, паттерн из двух кнопок. Каждая из них оформлена в своём отдельном стиле. Обе кнопки доступны для редактирования, как и стандартный вариант, поэтому их стили можно изменить. Все настройки доступны в правой колонке редактора, а также в дополнительном меню, которое открывается при клике на блок в редакторе.

Вторая вариация кнопки в WordPress – блок “Текст в три столбца с кнопками”. Представляет собой паттерн, состоящих из блоков “Абзац” и “Кнопка”, расположенных в трёх столбцах. Каждый блок “Абзац” можно редактировать как текст, а “Кнопки” – как кнопки, как было описано выше.

Столбцы можно добавлять, нажав на кнопку в виде плюса, либо удалять их через меню блока.

Плагины для создания кнопок в WordPress

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

• Shortcodes Ultimate – плагин, который добавляет в WordPress большое количество разных шорткодов, которые можно использовать для реализации разнообразных функциональных элементов в контенте, среди которых есть и кнопки. Подойдёт тем, кто, помимо кнопок, хотел бы получить и набор других дополнительных возможностей.
• WordPress Button Plugin MaxButtons – плагин с очень большим количеством настроек для создания кнопок. Можно очень тонко задать функциональность и внешний вид любой созданной кнопки.
• WPi Designer Button – аналог предыдущего плагина, который обладает огромным количеством опций для настройки дизайна и функции кнопок.
• SiteOrigin Сборник Виджетов – представляет собой виджеты, которые добавляются к стандартному набору WordPress, среди которых имеется и кнопка. Подходит тем, кому нужно добавить кнопку в сайдбар и другие области виджетов.