Мастер-класс #4: Элементы (часть 1)
- Обзор работы с элементами OptimizePress
- Как добавить элемент
- Как редактировать элемент
- Как клонировать элемент
- Как переносить элементы
- Как настроить элемент
- Как удалить элемент
- Как добавить заголовок (элемент «Заголовок»)
- Как добавить текст (элемент «Текстовый блок»)
- Как добавить список выгод (элемент «Список»)
- Как добавить Изображение (элемент «Изображение»)
- Как добавить видео (элемент «Видеоплеер»)
- Как добавить изображение при клике на которое всплывает окно с видео (элемент «Видео — Обложка & Лайтбокс»)
- Как добавить кнопку при клике на которую появляется видео на весь экран (элемент «Полноэкранный режим для видеоплеера»)
- Как добавить изображение с одной стороны и текст с другой (элемент «Текст с изображением »)
- Как добавить отступы между строками и над/под элементами (элемент «Вертикальный отступ»)
- Как добавить горизонтальные разделители (элемент «Разделитель» )
- Как добавить блоки с иконками и текстом для описания выгод, особенностей товара, перечисление спикеров и т.д. (элемент «Особенности товара/услуги»)
Разбор ошибок на мастер-классе:
В OptimizePress встроено 2 всплывающих окна. Одно для изображений (Fancybox), второе для элемента «Видео — Обложка & Лайтбокс» (попап окно с видео).
При использовании элемента «Изображения», всплывают оба попап окна — и Fancybox и окно для видео. Чтобы второе окно не появлялось необходимо прописать в стилях следующий код:
div.pp_pic_holder {display: none !important;}
div.pp_overlay {display: none !important;}
Вставить этот код нужно в редакторе LiveEditor — «Настройки страницы» — «Другие скрипты» — Выбрать из списка «Ваш код CSS».
Этот код деактивирует попап окно для элемента «Видео — Обложка & Лайтбокс».
Поэтому, при вставки элементов нужно выбрать что-то одно, либо всплывающее изображение, тогда вставляем код, либо всплывающее видео, тогда код нужно удалить.
Перейдите по ссылке и узнайте больше о OptimizePress для создания лендингов и маркетинговых воронок для сайтов на WordPress.
Вернутся к содержанию мастер-классов
Средняя оценка: 5 из 5
