amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ span.acss93460{text-decoration:underline;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: Плагины

Делаем кнопки для WordPress с помощью удобного плагина

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

Для реализации поставленной задачи мы будем использовать один плагин. Он прост в управлении, лёгок в использовании, правда, на английском языке. Но с нашей инструкцией это не беда.

Кнопки для WordPress с плагином Buttons Shortcode And Widgets

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

Скачайте и установите на свой сайт плагин Buttons Shortcode And Widgets. После его активации никаких настроек в консоли не появится. Можно сразу переходить к редактору записей и там будет новая кнопка «Insert Shortcode».

Сначала нужно установить курсор в том месте записи или страницы, где будет кнопка для WordPress, а затем нажать в панели инструментов «Insert Shortcode». Откроется окно, в котором необходимо настроить ряд опций. Рассмотрим их:

  • Вводим заголовок кнопки, текст, который будет на ней написан.
  • Вводим ссылку, которая будет открываться при нажатии на эту кнопку.
  • Open in a new window. Выбираем, нужно ли открывать ссылку в новом окне или в этом же.
  • Их четырёх вариантов кнопки для WordPress выбираем размер. От самого маленького до огромного.
  • Icon Type. Большой выбор иконок для кнопки. Вот, что самое полезное в этом плагине, и что отличает его от других.
  • Icon Position. Выбираем позицию иконки на кнопке.
  • Shape. Здесь выбираем форму для кнопки. Есть три варианта.
  • Определяем цвет элемента. Есть список готовых.
  • Custom Options. Это набор опций, в которых можно настроить цвет границы, фона текста, указать ссылку до собственной иконки кнопки, а также собственный CSS класс, если такой имеется.

После установки всех настроек нужно нажать на кнопку «Insert». Тогда в редакторе отобразится шорткод, который при публикации преобразуется в созданную кнопку.

Кроме того, плагин создаёт виджет, который называется OTW Shortcode Widget. У него есть такие же настройки, как и у кнопки в редакторе.

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

Адель Гадельшин

View Comments

  • Спасибо за подробное описание плагина.
    Установила сразу на свой сайт.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

7 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

7 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

8 месяцев ago