Плагин WordPress WP Button Creator — создайте красивую кнопку в любом месте вашего сайта

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

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

Но довольно часто нужно создавать много кнопок, с разным текстом на них. И хочется ведь красивые, с hover-эффектами, разного цвета.

Поможет вам в этом бесплатный плагин WordPress WP Button Creator, созданный Tips and Tricks HQ

После установки и активации плагина вы увидите новую секцию в консоле администратора:

14

Можете сразу перейти на страницу — Add Buttons (Добавить кнопку)

15

Пошаговая инструкция автора звучит так:

  1. Введите имя и описание для этой кнопки.
  2. Введите текст для кнопки и цель URL перехода (с использованием http://)
  3. Сохраните данные, нажав кнопку «Сохранить» (см. секцию справа — кнопка предварительного просмотра). Это позволит заполнить некоторые свойства CSS по умолчанию.
  4. Настройте все визуальные свойства кнопки и сохраните её еще раз.
  5. Используйте соответствующий короткий код для размещения этой кнопки на вашем сайте.

Короткий код вы найдете на странице WP Buttons. Выглядеть он будет примерно так:

16

Здесь же вы можете в дальнейшем редактировать кнопки или удалять их за ненадобностью.

Скачать плагин можно на сайте автора.

Советую прочитать еще:  Как добавить пользовательскую прокрутку на сайт WordPress
Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

13 Comments

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

    Ответить
    • Автор · Edit

      Нарисуйте или скачайте в интернет картинку кнопки и используйте как обычное добавление изображения с использованием тегов HTML.

      Ответить
    • Автор · Edit

      1. Придумать название кнопки в поле ‘Enter a name’
      2. В поле ‘Button text’ написать текст, который будет отображен на кнопке.
      3. В поле ‘Button link’ написать адрес вместе с http://
      4. Сохранить.
      5. Затем в списке созданных кнопок найти короткий код типа [wpbuttons id=»»]
      6. Скопировать короткий код и вставить в нужное место.
      =======
      Мне кажется, вас должен больше волновать тот факт, что ваш сайт не поддерживает адаптивный дизайн, и через 2-3 месяца ваш сайт будет терять поисковый трафик.
      Об этом я написал вчера, почитайте — https://bestplugins.ru/wordpress-plugins/plagin-wordpress-dlya-podderzhki-mobilnyih-ustroystv.html
      =======
      В популярных браузерах есть Дополнения. Можно найти дополнение «Переводчик» и переводить текст кусками и полностью страницу.

      Ответить
  • Открыть код слайдера, найти теги дивов и классов, внимательно изучить, добавить новый див, описать его в CSS.
    А чтобы поверх всего отображался, использовать значение CSS ‘z-index’

    Ответить
  • · Edit

    Подскажите пожалуйста как вставить кнопку в слайдер чтобы можно было привязать к ней ссылку на видеоютуб, мой сайт samdelkin.ru справа вверху на слайдере я хочу поместить кнопку «посмотреть слайдшоу», на контент прошу внимания не обращать.
    За дельный совет буду очень благодарен.

    Ответить
  • · Edit

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

    Ответить
  • Спасибо за плагин, это вообще прикольная вещь, а еще мне понравились кнопки соц. сетей, это мега класно!!! Спасибо!!!

    Ответить

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

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