Список мастер — классов и уроков по Elementor

  Автор:
  Комментарии к записи Список мастер — классов и уроков по Elementor отключены
  205
уроки по Elementor

Новые шаблоны страниц интернет-магазина WooCommerce созданные с помощью Elementor

Создаем Footer (подвал) с Copyright, датой, названием сайта и меню

Создаем Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей

 Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

Переделка на Elementor сайта для приема заявок на производство мебели

Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

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

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

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

Как создать и настроить шапку (header) и нижнюю часть сайта (footer)

Как создать страницу с видео плейлистом.

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

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

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

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


Как можно приобрести плагин Elementor PRO?

  1. Купить на сайте разработчика по этой ссылке:  Elementor PRO 
  2. ИЛИ получить Elementor PRO в подарок при покупке курса «Elementor – конструктор лендингов на WordPress »

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

[Elementor] Шаблоны страниц WooCommerce

  Автор:
  922

Приятные новости для пользователей видео курса «Elementor — конструктов лендингов на WordPress«.

Я завершила серию видео уроков по созданию всех шаблонов страниц с помощью Elementor Pro для интернет-магазина на основе WordPress, шаблона AB-Inspiration и плагина WooCommerce.

Теперь, по моим видео урокам видео курса, Вы легко можете создать такие же страницы для своего интернет-магазина WooCommerce.
Читать далее »

[Elementor] Создаем Footer (подвал) с Copyright, датой, названием сайта и меню

  Автор:
  498
Footer (подвал с Copyright, датой, названием сайта и меню) для сайта на WordPress

Вы узнаете как создать Footer (подвал с Copyright, датой, названием сайта и меню) для десктопной и мобильной версий сайта на WordPress с помощью Elementor Pro шаг за шагом, с нуля.

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

[Elementor] Создаем Header (шапку) с логотипом и меню, с контактными данными и кнопками соцсетей

  Автор:
  576
Создаем Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor вместе с нуля

Вы узнаете как создать Header (шапку с логотипом и меню, с контактными данными и кнопками соцсетей) десктопной версии сайта на WordPress с помощью Elementor Pro шаг за шагом с нуля.
Header (шапку с логотипом и меню) для сайта на WordPress с помощью Elementor
Читать далее »

[Elementor PRO] Как закрыть всплывающие окно (pop-up) при клике на кнопку или ссылку

  Автор:
  2022

На всплывающем окне (Pop-Up)  созданном на Elementor Pro  окне есть кнопка «Закрыть».

Тем не менее в некоторых случаях необходимо закрыть окно при клике на любую кнопку или ссылку внутри самого Pop-Up окна, а не на кнопку «Закрыть».

Например, Pop-Up окно это ссылки меню на разделы страницы. При клике на нужный пункт меню происходит плавный переход к нужному разделу на странице и Pop-Up закрывается.

Итак, как закрыть Pop-Up при клике на кнопку или ссылку внутри самого Pop-Up окна.

  1. Необходимо задать класс для элемента при клике на который будет закрываться окно. Это может быть кнопка, или просто ссылка в текстовом виджете.
  2. Перетащить виджет HTML — код для вставки следующего кода:

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

Переделка на Elementor сайта для приема заявок на производство мебели

  Автор:
  371

Рекламный ролик для услуг по переделки старого сайта на новый с помощью Elementor Pro

Элемент переделки на Elementor сайта для приема заявок на производство мебели:

Вы можете заказать перенос сайта со старого на новый сайт на WordPress прямо сейчас на сайте технической поддержки и обслуживание сайтов на WordPress: https://wpplaza.ru
Читать далее »

Перенос старого самописного сайта на современный сайт на WordPress и Elementor с сохранением старого внешнего вида и контента

  Автор:
  718
Перенос старого самописного сайта на WordPress

В этом видео я даю подробный пошаговый обзор переноса старого 10-летнего самописного сайта на новый сайт на WordPress с охранением внешнего вида и контента старого сайта.

00:00 В чем основные недостатки старых самописных сайтов созданных несколько лет назад.
02:15 Как задачи необходимо было выполнить при переносе самописного сайта на сайт на WordPress.
02:52 В чем заключалась сложность переделки старого самописного сайта на новый сайт на WordPress.
03:31 Что было сделано при переносе старого сайта, чтобы шапка и футер были адаптивными для мобильных версий нового сайта.
03:38 Почему нужно было заменить графические картинки на старом сайте на кнопки с текстом на новом.
04:31 На каком элементе старого сайта труднее всего было добиться правильного отображения в мобильной версии нового сайта.
05:39 Как с помощью Elementor Pro, пошагово, воссоздать точную копию шапки старого самописного сайта на новом сайте на WordPress.
08:50 Что было сделано с шапкой на новом сайте для ее правильного отображение на телефоне.
10:25 Что было сделано с шапкой на новом сайте для ее правильного отображение на планшете.
10:57 Как с помощью Elementor Pro, пошагово, воссоздать точную копию футера старого самописного сайта на новом сайте на WordPress.
12:00 Как с помощью Elementor Pro, пошагово, воссоздать точную копию категорий старого самописного сайта на новом сайте на WordPress. В чем была сложность.
14:13 Как с помощью Elementor Pro, пошагово, создать шаблон страницы архива:
— для категорий,
— для категории «Главная»,
— для категории «Статьи».
16:05 В чем была сложность создания шаблонов страниц архивов, и какие были сделаны доработки в коде нового сайта.
17:26 Каким способом вставить свой код на сайт WordPress, чтобы при обновлении этот код не стирался.
21:51 Как в Elementor прикреплять шаблоны созданных нами страниц архивов, чтобы они отображались только в нужном нам месте сайта.
23:52 Чем отличается шаблон страницы архива статей от шаблона страницы архива «Главная». Ньюансы.
30:38 Каким способом были перенесены и отредактированы все тексты статей старого самописного 10-летнего сайта на новый сайт на WordPress. На что стоит обратить внимание при переносе текста.
32:12 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

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

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

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

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

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

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

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

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

  Автор:
  1038

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

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

1 способ

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