Архив метки: Elementor Pro

[Elementor Pro] Как сделать выпадающую при клике таблицу цен для мобильной версии сайта

  Автор:
  Один комментарий
  3839
Как сделать выпадающую при клике таблицу цен для мобильной версии с помощью Elementor Pro

Бывает такая ситуация, когда у Вас не просто один тариф, а разбивается на несколько групп, как например в этом видео.

Шаг за шагом, я покажу Вам, как сделать выпадающую при клике таблицу цен для мобильной версии с помощью Elementor Pro.

Получить базовые навыки создания страниц сайта с помощью фантастического Elementor Pro вы можете по моему мини — курсу «Elementor для начинающих»

Смотрите это видео руководство:

Читать далее »

Тонкие иконки для Elementor

  Автор:
  Комментариев нет
  2534

Если вы на этой странице, то наверняка тоже ищите контурные, красивые, тонкие, изящные иконки для Elementor. Да, в Elementor есть набор иконок Font Awesome, но согласитесь, они немного топорные, грубые на мой взгляд. Хотя в некоторых дизайнах смотрятся хорошо.

Напомню, в Elementor иконки SVG можно загружать 2мя способами.

1 способ

Загрузка индивидуальной иконки в SVG формате как обычного изображения. Тогда ваша иконка будет доступна в медиатеке вместе со всеми изображениями, которые вы загружали на сайта.
Читать далее »

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

  Автор:
  Один комментарий
  3977

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

№36. Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн — тренинга «Elementor 3»

  Автор:
  Комментариев нет
  920
Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн - тренинга "Elementor 3 (2021)"

№36. Как получить ВСЕ ЗАПИСИ И ШАБЛОНЫ 9-дневного онлайн — тренинга «Elementor 3». 7:25

СПАСИБО ДРУЗЬЯ ЗА ВАШИ ОТЗЫВЫ!  ЖЕЛАЮ ВСЕМ КРЕПКОГО ЗДОРОВЬЯ, СЧАСТЬЯ И УДАЧИ!
Из этого видео Вы узнаете:

  • Почему не стоит перебарщивать с WOW-эффектами при создании страниц в Elementor Pro.
  • Почему желательно отключать WOW-эффекты Elementor Pro для мобильных устройств.
  • Как наиболее эффективно практиковать WOW-эффекты Elementor Pro.
  • Почему Оксана Горбань, Александр Козодаев, Светлана Юферева, Роза Бозырева, Татьяна Онищенко, Виктор Мищенко, Вадим Музафаров,
  • Валентина Степанова меня вдохновляют?

Читать далее »

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

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

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

 

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

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

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

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

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

Итак.

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

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

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


Читать далее »

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

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

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

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