Как сделать кнопки для WordPress

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

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

Кнопки для WordPress плагином Buttons X Lite

Итак, для начала, как обычно, скачайте плагин, установите его на свой сайт и активируйте. Найти плагин можно через консоль WordPress по его названию Buttons X Lite.

После активации в консоли появится новый пункт «Button X». В нём есть несколько подпунктов, но для того, чтобы создавать кнопки для WordPress, нам нужен только один – «Buttons». В остальные можно не заглядывать.

Перейдя в «Buttons», вы увидите список созданных кнопок. Но сейчас он будет пуст, потому что ни одной кнопки ещё не создано. Нажмите на «Add new», чтобы начать создавать кнопку.

Перед вами появится редактор кнопки. Введите название для кнопки. Ниже в области «Live Preview» вы увидите предпросмотр, в котором будут отображаться все внесённые в создаваемую кнопку изменения, и, независимо от прокрутки, вы будете видеть препросмотр на экране.

Ниже вы увидите область «Buttons X – Options panel». Здесь настраиваются кнопки для WordPress. Давайте рассмотрим каждый пункт:

• Content. Здесь указывается ссылка, на которую будет переводить кнопка по клику. Можно задать разные атрибуты для ссылки.
• Primary text. Здесь находятся опции текста на кнопке. Можно задать надпись, её шрифт, отступы, цвет, тени. Достаточно много опций для форматирования текста.
• Background. В этом пункте находятся опции фона кнопки для WordPress. Можно выбрать либо цвет, либо изображение в качестве фона.
• Border. Это настройки границы кнопок. Тоже досочно много опций.
• Icon. Настройки для иконки кнопки. Однако, они доступны только в платной версии плагина.
• Layout. Эти настройки задают размеры кнопки для WordPress.
• Margin. Внешние отступы кнопки по всем четырём сторонам.
• Padding. Внутренние отступы кнопки по четырём сторонам.
• Animation. Здесь настраивается анимация кнопки. Опции доступны только в платной версии плагина.
• Gradient. Настройки градиента цвета кнопки.
• Настройки тени кнопки.
• Custom CSS. Позволяет вставлять собственный CSS код, но доступно лишь в платной версии.
• Custom JS. Позволяет вставлять собственный Java script, но также работает лишь в бесплатной версии.

Когда кнопка будет создана с помощью этого редактора, сохраните её. Затем перейдите в редактор записей/страниц. Там вы увидите новую кнопку с иконкой в виде буквы «X». Нажмите на неё, чтобы добавить кнопку. Полученный шорткод можно также использовать и в виджетах.

Прочите об аналогичном плагине для создания кнопок.