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

Хотите добавить кнопку в запись или на страницу своего сайта WordPress? Рассмотрим несколько простых способов.

Кнопки добавляют больше привлекающих внимание ссылок в ваш контент. Это способствует росту популярности сайта и его конверсии. Часто такой ход используется чтобы подчеркнуть какую-либо важную ссылку. Например, в обзоре плагина или темы можно вставить кнопку “КУПИТЬ”, после нажатия на которую вы перейдете на страницу оформления заказа.

WordPress фактически не предлагает своим пользователям каких-либо стандартных инструментов вставки кнопок в контент сайта. Если вам нужна кнопка с определенной функциональностью, она уже будет поставляться в комплекте с плагином, решающим нужные вам задачи. Например, если вы используете Contact Form 7, то плагин автоматически создает кнопки отправки сообщения на странице с формой. И хотя эти кнопки помогают в определенных ситуациях, они не позволяют отдельно вставлять кнопки в записи или на страницы WordPress.

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

Есть несколько различных способов добавления кнопок в WordPress. Самые популярные методы:

  • через шорткод;
  • без шорткода;
  • код HTML/CSS.

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

Среди большого количества WordPress-плагинов есть и такие, которые не обязывают знать какой-либо язык программирования и позволяют одним щелчком добавлять красивые кнопки в текст публикации.

Плагин WordPress Button Plugin MaxButtons

WordPress Button Plugin MaxButtons — плагин, который позволяет добавлять кнопки в WordPress с помощью шорткодов. Процесс создания кнопки занимает мало времени, потому что это отдельный интерфейс. Но он позволяет создавать действительно красивые и уникальные кнопки.

Чтобы воспользоваться плагином MaxButtons, вам нужно для начала его установить и активировать. Затем можно создать кнопку, перейдя в админ-раздел MaxButtons -> Add New.

Админ-меню WordPress

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

На странице создания новой кнопки нужно указать:

  • название кнопки (Button Name);
  • URL-ссылка, по которой перейдет пользователь после нажатия (URL);
  • текст-подсказка при наведении на кнопку (Button Tooltip);
  • текст кнопки (Text).

Также вы можете выбрать:

  • шрифт, цвет и отступы текста кнопки;
  • ширина кнопки;
  • описание кнопки.

Создание новой кнопки в плагине MaxButtons

После сохранения всех настроек (кнопка Save) вы увидите предварительный просмотр кнопки в режиме реального времени в правой части экрана:

Создание новой кнопки в плагине MaxButtons

Чтобы добавить кнопку в редакторе WordPress, вам просто нужно нажать на кнопку MaxButtons в редакторе на странице редактирования записи/страницы:

Панель инструментов редактора WordPress

Дальше нажмите на кнопку, которую вы хотите вставить:

Вставка кнопки в запись

Отметим, что после вставки кнопка не появится в редакторе WordPress (только шорткод). Ее можно будет увидеть только на сайте.

Страница записи на сайте

Также помните, что после деактивации/удаления плагина все ваши кнопки исчезнут.

Плагин Forget About Shortcode Buttons

Forget About Shortcode Buttons — плагин добавления кнопок, который не использует шорткоды. Его главное отличие в том, что после деактивации плагина все ваши кнопки останутся на странице.

Первым делом установите и активируйте плагин.

Чтобы добавить кнопку:

  • откройте на редактирование запись/страницу;
  • поставьте курсор в место, где будет кнопка;
  • нажмите на панели инструментов кнопку Insert Button.

Страница редактирования записи

В окне, которое открылось, введите текст кнопки, URL-адрес и выберите параметры цвета/стиля. Так же, как и с MaxButtons, вы можете просмотреть изменения в режиме реального времени:

Вставка новой кнопки с помощью плагина Forget About Shortcode Buttons

После того, как кнопка была настроена, нажмите кнопку Update. Теперь она появится в редакторе и на сайте.

Страница редактирования записи

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.