[Мастер-класс по Elementor] Реальные примеры использования виджетов Hotspot и Текст по контуру и инструментов Маска, Градиент на кнопке и пипетка

  Автор:
  96

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

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

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

[Мастер-класс по Elementor PRO] Как создать и настроить шапку (header) и нижнюю часть сайта (footer)

  Автор:
  18
настроить фиксированную шапку (header) и подвал (footer) сайта с помощью Elementor

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

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

[Мастер-класс по Elementor PRO] Как создать страницу с видео плейлистом

  Автор:
  135
Как с нуля создать и настроить под себя страницу с видео плейлистом Elementor Pro

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

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

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

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

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

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

Elementor и Elementor Pro для сайта онлайн — школы на WordPress с интернет — магазином и блогом

  Автор:
  1302
Elementor и Elementor Pro для сайта онлайн - школы на WordPress с интернет - магазином и блогом

Это запись вебинара «Применение Elementor при создании сайта онлайн — школы на WordPress, с интернет — магазином и блогом» предназначена для членов клуба «Мастер WordPress» — и является частью презентации курса «Онлайн — школа на WordPress».

 

Ниже приведены ссылки на программное обеспечение для создания сайта онлайн-школы, о котором я рассказывала на этом вебинаре.

1 .Ознакомиться с плагином лендингов Elementor
Читать далее »

Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

  Автор:
  703
Как исправить отображение записей виджета Elementor Post в мобильной версии сайта

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

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

Итак.

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

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

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

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

Как в Elementor добавить свои иконки в виде цифр

  Автор:
  4667
Как в Elementor добавить свои произвольные иконки в виде цифр

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

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

Как правильно работать с готовыми шаблонами Elementor

  Автор:
  4447
Как правильно работать с готовыми шаблонами Elementor . Как встроить шаблон Elementor в любое место сайта WordPress.

На курсе по созданию сайта для онлайн-школы я рассказывала про плагин плагин Elementor с помощью, которого можно создавать лендинги. Если Вы не пользуетесь этим плагином, очень рекомендую. Это очень простой плагин, понятный редактор, и плагин совместим с шаблоном AB-inspiration. Это важно!

На днях снова поступил вопрос от пользователя шаблоном AB-inspiration о том, как использовать готовый шаблон целой страницы созданной на Elementor.
Читать далее »