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

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

  Автор:
  584

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

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

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

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

  Автор:
  456
Перенос старого самописного сайта на 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 Сколько времени ушло на всю работу по переносу сайта, и на что ушло больше всего времени.
Читать далее »

09. Elementor Free | Как узнать какие шрифты, встроенные в Elementor, работают с кириллицей.

  Автор:
  967
Как узнать какие шрифты, встроенные в Elementor, работают с кириллицей

(9 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео уроке Вы узнаете какие, из встроенных в Elementor шрифтов, работают с кириллицей.

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

08. Elementor Free | Как работать с «Пипеткой цвета» редактора Elementor.

  Автор:
  497
How to work with Elementor's Color Picker

(8 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

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

Откройте любую страницу в Elementor какую Вы хотите отредактировать. Смотрите видео урок ниже.
Читать далее »

07. Elementor Free | Настройка шрифта и цвета редактора Elementor. Типовые ошибки.

  Автор:
  584
Настройка шрифта и цвета. Типовые ошибки.

(7 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео уроке мы сделали небольшую настройку Elementor, а для того, чтобы в дальнейшем она помогла нам использовать элементы с тем стилем, который нам необходим.

В видео уроке «01. Подготовка сайта на WordPress для установки плагина Elementor.», мы уже проходили в настройку внешнего вида сайта на WordPress. Используя функцию шаблона  «AB-Inspiration» мы устанавливали цвет и шрифт сайта.

Поэтому в Elementor нам нужно настроить точно такие же цвета и шрифты, чтобы нам не приходилось менять каждый элемент.
Читать далее »

06. Elementor Free | Работа с готовыми шаблонами редактора Elementor.

  Автор:
  465
Работа с готовыми шаблонами редактора Elementor.

(6 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

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

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

05. Elementor Free | Работа с секциями редактора Elementor.

  Автор:
  442
Работа с секциями редактора Elementor

(5 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео уроке  Вы узнаете как создавать структуру страницы с помощью секций редактора Elementor.

Итак, начнем.

С помощью кнопки «Плюс» мы добавляем новую структуру, то есть новую секцию, например, на всю ширину и в эту секцию вы уже добавляете блоки и контент.
Читать далее »

03. Elementor Free | Особенности входа в редактор Elementor.

  Автор:
  396
Особенности входа в редактор Elementor

(3 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео мы познакомимся с особенности входа в редактор Elementor.

И так еще раз напомню, что Elementor сейчас активирован на страницах и записях. То есть, когда вы переходите в раздел «Странице» и нажимайте «Добавить новую», то здесь вы увидите кнопку «Редактировать в Elementor». То есть теперь когда вы создаете с нуля или редактируете существующую страницу у вас будет возможность редактировать эту страницу в Elementor.
Читать далее »

01. Подготовка сайта на WordPress для установки плагина Elementor.

  Автор:
  523
Подготовка сайта на WordPress для установки Elementor

(1 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок смотрите каждый новый день.)

С этого видео я начну рассказывать о том, как создать сайт на WordPress с помощью плагина Elementor.

В качестве шаблона WordPress я использую свой шаблон AB-Inspiration. Это новый сайт. Я только установила и активировала лицензию шаблона.  Шаблон настроен по умолчанию. Я лишь на видео сделаю только небольшие поправки по внешнему виду.

В этом видео мы не рассматриваем полную настройку шаблона. Предполагается, что если Вы член клуба «Мастер WordPress«, то у Вас на самом деле уже есть шаблон AB-Inspiration.

Если у Вас нет шаблона AB-Inspiration, но Вы хотите проходить обучение используя этот мой шаблон, то в конце этой статьи есть возможность скачать шаблон и активировать 30-дневную лицензию.

Тем не менее Вы можете использовать любой бесплатный шаблон WordPress.  Просто я показываю все на своем шаблоне.

Смотрите видео урок: Читать далее »