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

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

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

Вордпресс

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

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

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

Плюс

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

Блок кнопки

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

Название кнопки

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

URL кнопки

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

Дизайн кнопки

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

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

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

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

Две кнопки

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

Текст в три столбца с кнопками

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

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

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

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

  1. У меня, как у новичка, этот вопрос и вызывал затруднения при работе с редактором. Здорово, что можно получить “разжеванную” информацию по своим проблемам

  2. Согласен с Александром. Смотри и делай. Опыт приходит со временем, а знания профессионалов в этом существенная поддержка

  3. Александр

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *