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

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

Когда я взялась за разработку плагина «Живая форма для Футер», обнаружила несколько интересных возможностей улучшить функционал, ну и конечно включить его в 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

Вот такие новшества в плагине WPform Живая форма + Слайдер. Больше возможностей, больше стиля, больше простора для творчества.

Плагин уже доступен для обновления.

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

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

   5 голосов
Средняя оценка: 4.6 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
3 комментария
  1. Анфиса, замечательные новшества! Блог с ними станет еще привлекательней.
    Спасибо огромное за твой неутомимый труд на благо нам, пользователям шаблона.
    Успехов и радости на этом поприще!

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

Комментарии в Фейсбук
Комментарии в Вконтакте