Разработчики Elementor выпустили новую версию и порадовали пользователей новыми виджетами: Hotspot и Текст по контуру, и инструментов: Маска, Градиент на кнопке и Пипетка. Теперь еще больше возможностей создавать классные страницы сайта и лендинги.

На этом мастер-классе я подробно расскажу про 2 виджета и 3 инструмента и на реальных примерах мы посмотрим как использовать их на страницах.

Hotspot (Горячие точки) — это возможность отмечать точки на изображении и при наведении мышки или клике на точку появляется подсказка с заголовком и текcтом или даже ссылкой
Читать далее »

В этом мастер-классе я расскажу вам как вы можете создать произвольную шапку и футер для вашего сайта. Мы уже проходили с вами создание шаблонов страниц (архивные страницы, страница статьи, 404, страница поиска). Это все шаблоны внутренней части страницы или по другому «контентной части».

Шапка и футер, при этом, остаются неизменными. Они заимствуются из шаблона. То есть в зависимости от того, какой шаблон (тему) вы используете, такими будут шапка и футер. Единственный вариант, когда шапка и футер не отображаются это шаблон Elementor «Холст». Обычно такой шаблон используется для лендингов. Но что, если вы хотите переделать шапку и футер своего сайте, добавить какие-то  элементы, или хотите сделать разные шапки и футеры для разных страниц (почему бы и нет :)). Это возможно сделать с Elementor PRO.
Читать далее »

На этом мастер-классе я покажу вам как с нуля создать эффектную страница с видео плейлистом в Elementor. Видео плейлист это новый виджет плагина Elementor. Данный виджет в ходит в платную версию Elementor PRO. С помощью этого виджета вы сможете красиво оформить платный или бесплатный курс, серию мастер-классов, составить плейлист музыкальных композиций или любой другой плейлист или нескольких видео,

Мне понравилось в виджет Видео плейлист, все получается очень компактно, на одной странице.

Приятного просмотра! Если у вас остались вопросы, пишите в комментариях.

Содержание вебинара:

1. Как можно применить видео плейлист при создании сайта на WordPress на практике.
2. Как узнать какие из встроенных в Elementor шрифтов отображаются правильно на русском языке — кириллицей.
3. Как с нуля создать и настроить разными стилями над видео плейлистом заголовок и подзаголовок.
4. Как с нуля создать и настроить видео плейлист.
5. Какие бывают подвохи с отображением в видео плейлисте данных о видео миниатюр, и как их решить.
6. Как настроить видео плейлист для отображения в мобильной версии.
7. Ответы на вопросы участников вебинара. Как можно еще использовать видео плейлист на практике и другие ….
8. Как получить плагин Elementor Pro в подарок.
9. Что будет на моих следующих бесплатных живых вебинарах по Elementor.

Демо плейлиста этого урока: Читать далее »

Когда вы устанавливаете виджет Elementor Post (доступен в Elementor Pro) в классическом виде с изображение расположенным слева, в мобильной версии сайта есть ошибка.

Изображение остается слева, а должно переместиться наверх, а текст вниз.

Итак.

При настройках в Elementor:

Обложка: Классика

Позиция изображений: Лево

Вот так выглядят записи на компьютере (ноутбуке), и в мобильной версии сайта:
Читать далее »

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

Недавно была задача на одном лендинге указать программу вебинара в виде нумерованного списка. При этом порядковые номера нужно было красиво оформить. Это конечно можно сделать и в CSS, не проблема, но в дальнейшем клиент планирует использовать этот шаблон для создания других лендингов и возможно добавлять  пункты списка. В этом случае будет не очень удобно каждый раз создавать новый пункт меню и редактировать CSS для оформления порядкового номера.
Читать далее »