Новшества в премиум плагине «Живая Форма+Слайдер» версии 4.0

  Автор:
  3 комментария
  6363
Новшества в плагине WPForm - Живая Форма+Слайдер в версии 4.0

Когда я взялась за разработку премиум плагина «Живая форма для футер«для шаблона конструктора AB-Inspiration, обнаружила несколько интересных возможностей улучшить функционал, ну и конечно включить его в популярный премиум плагин WPForm «Живая форма + Слайдер» в шапке.

В этой статье я расскажу о новшествах, которые вошли в плагин WpForm «Живая форма + Слайдер».

1. Цвет фона блока

Я разделила цвет и изображение. Теперь цвет играет самостоятельную роль.

Вы можете решить будет ли он поверх фона Изображения, Видеофона или Слайдов или под ними.

Если вы ставите галочку «Отметьте галочкой, если хотите сделать цвет поверх фона», то цвет закроет фон. Но в тоже время вы можете задать прозрачность цвета, и таким образом просветить нижний фон. А цвет создаст небольшую полупрозрачную цветную дымку.

Если галочку убрать, то цветной фон будет под Фоном изображение, видеофон или слайды.

Как сделать полупрозрачный цветной фон поверх изображения, видеофона или слайдов:

  1. Выбираете какой будет фон (Изображение, Видеофон, Слайды)
  2. Выберите цвет фона
  3. Поставьте галочку «Отметьте галочкой, если хотите сделать цвет поверх фона»
  4. Укажите прозрачность

form-with-color1

Фон Изображение, поверх идет черный цвет с сильной прозрачностью

form-with-color

Как убрать цвет поверх фона Изображение, Видеофон, Слайды

Здесь есть 2 варианта:

Вариант 1: Убрать галочку «Отметьте галочкой, если хотите сделать цвет поверх фона»

form-with-color4

Вариант 2:  Или выбрать из выпадающего списка прозрачность «Прозрачность 100%»

form-with-color3

Как сделать так, чтобы фон был только цветом

  1. Укажите цвет
  2. Поставьте галочку «Отметьте галочкой, если хотите сделать цвет поверх фона»
  3. Выберите прозрачность «Не прозрачный»

form-with-color2

2. Кнопка Цвет фона в редакторе текста

В плагине есть 3 текстовых элемента: Заголовок, Подзаголовок, Призыв подписаться. Как вы знаете для настройки этого текста встроен расширенный редактор. В отличие от стандартного редактора WordPress, в него встроены выбор размера шрифта и выбор шрифтов.

В новой версии плагина я еще добавила одну кнопку: Цвет фона.

Теперь вы можете выделить текст не только цветом, но и задать фон для Заголовка, Подзаголовка и Призыва подписаться:

  1. Перейти в нужную вкладку «Заголовок, Подзаголовок или Призыв подписаться»
  2. Написать и выделить текст
  3. Нажать на кнопку «Цвет фона»
  4. Выбрать цвет

form-with-color5

Заголовок выделен цветом:

form-with-color6

3. Иконки для списка выгод

Как вы знаете, в плагине есть набор картинок на выбор для обозначения списка выгод. Но не всегда цвет картинок подходит под цвет дизайна блога.

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

Теперь вы можете выбрать или картинки, но определенного цвета

form-with-color7

или иконки и задать цвет:

form-with-color9

 

Как создать список выгод с иконками

  1. Перейдите во вкладку «Список выгод»
  2. Напишите список (каждая выгода на отдельной строчке)
  3. Поставьте галочку «Использовать иконки вместо картинок?»
  4. Выберите иконку из списка
  5. Укажите цвет

form-with-color11

Список с иконками сердечки красного цвета:

form-with-color10

4. Стиль полей и кнопки формы подписки

И наконец 4-е новшество связано с настройкой самой формы подписки.

  1. Я немного изменила настройку границы полей формы и кнопки. Теперь можно выбрать толщину границы от 1 до 4px, выбрать закругление углов.

form-with-color12

2. Добавлена опция выбора цвета текста на кнопке при наведении мышки

form-with-color13

Как сделать прозрачную поля и кнопку с сильно закругленными углами

Настройка полей формы:

  1. Перейдите во вкладку «Стиль полей и кнопки формы подписки»
  2. Выберите толщину границы
  3. Выберите закругления (если хотите, чтобы были сильные закругления выбирайте побольше)
  4. Укажите цвет границы полей

form-with-color14

Настройка кнопки:

  1. Уберите цвет из Цвет кнопки (отсутствие цвета создаст прозрачную кнопку)
  2. Укажите цвет при наведении мышки
  3. Настройте границу кнопки (толщину, закругления, цвет, и цвет при наведении мышки)
  4. Укажите цвет текста на кнопки и при на ведении мышки

form-with-color15

Как будет выглядеть форма с такими настройками:

form-with-color16

Кнопка при наведении мышки:
form-with-color17

Вот такие новшества в премиум плагине  «Живая форма + Слайдер» для блога на WordPress с шаблоном AB-Inspiration. Больше возможностей, больше стиля, больше простора для творчества.

Если у вас возникли вопросы, не стесняйтесь, задавайте в комментариях.

Вернуться к содержанию видео уроков


Создайте сайт с нами — легко и быстро!

Нужна помощь по данным урокам или хотите заказать сайт на WordPress «ПОД КЛЮЧ»?

Обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget

Новшества в премиум плагине «Живая Форма+Слайдер» версии 4.0

   5 голосов
Средняя оценка: 4.6 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Оставьте свой комментарий:

Комментарии на Блог
3 комментария
  1. Анфиса, замечательные новшества! Блог с ними станет еще привлекательней.
    Спасибо огромное за твой неутомимый труд на благо нам, пользователям шаблона.
    Успехов и радости на этом поприще!

  2. Плагин обновила, посмотрю, что можно улучшить в форме, хотя мне кажется. что и так все было супер. во всяком случае мне нравилось! Возник вопрос — при обновлении заметила, что плагин All In One SEO Pack предлагает улучшить до PRO версии. Что это такое и нужно ли это делать? Я без

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