[Udemy] Разработка WordPress-интерфейса с Elementor [Andrew Williams]

[Udemy] Разработка WordPress-интерфейса с Elementor [Andrew Williams]

Разработка WordPress-интерфейса с Elementor
Создайте сайт, который вы хотите, используя самый мощный WordPress конструктор страниц и создатель тем.

Язык: Английский с субтитрами

Чему вы научитесь

• Почему Elementor - отличный вариант как создатель страниц и как создатель тем.
• Различия между бесплатной и Pro версиями Elementor.
• Где черпать вдохновение для дизайна вашего сайта, цвета и шрифтов.
• Что такое блочная модель и почему это так важно при разработке вашего сайта.
• Как использовать Elementor в качестве компоновщика страниц.
• Как создать использовать (и повторно использовать) шаблоны.
• Как использовать Elementor Pro для создания собственной темы.
• Как использовать эффекты движения в вашем дизайне.
• Как сделать так, чтобы ваш сайт отлично смотрелся на компьютере, планшете и мобильном телефоне.

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

Бесплатная версия - это конструктор страниц, который поставляется с десятками красивых виджетов и шаблонов, которые вы можете использовать для создания контента веб-страницы с идеальной точностью пикселей. Это впечатляющий и хорошо зарекомендовавший себя конструктор страниц.

Профессиональная версия Elementor поразит вас! Если вы когда-либо были разочарованы тем, что ваша тема WordPress выглядела как демонстрация, которую вы видели на главной странице темы, вы не одиноки. Большинству тем требуются дополнительные плагины и глубокое знание документации поддержки, чтобы она выглядела так же, как та, которая привлекла вас в первую очередь. С Elementor Pro вам больше не нужно снова испытывать это разочарование. Elementor Pro предоставляет вам тот же конструктор перетаскивания страниц, но также позволяет создавать собственную тему WordPress, разработанную именно так, как вы этого хотите.

Этот курс охватывает как бесплатную, так и платную версии Elementor.

После обсуждения того, почему вы должны использовать Elementor, вы установите плагин и тему. Затем мы рассмотрим:

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

Мы рассмотрим блочную модель и вы узнаете, как отступы и поля могут влиять на размещение элементов на странице.

Мы посмотрим на цветовые коды Hex.

Мы пройдемся по всем настройкам сервера, в том числе по установке пользовательских шрифтов и значков (для пользователей Pro).

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

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

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

Вы увидите, почему глобальные виджеты являются мощным активом в вашем наборе инструментов.

Для пользователей Pro мы рассмотрим создание всей темы с помощью Elementor, основываясь на вдохновении, которое мы получили ранее в ходе курса. Мы увидим, как разные шаблоны можно создавать и использовать в разных областях дизайна сайта. Мы создадим шаблоны для верхнего колонтитула сайта, нижнего колонтитула, страницы блога, страницы 404, одного шаблона поста и шаблона страницы архива. Оформлю домашнюю страницу. Мы разработаем целевую страницу. Мы даже разработаем всплывающее окно и зададим условия запуска, чтобы определить, когда оно будет отображаться на вашем сайте.

Elementor предлагает вам отличные инструменты, включая эффекты движения. Их можно использовать для перемещения ваших страниц, поэтому мы рассмотрим их.

И, наконец, мы посмотрим на мобильную оптимизацию. Этот мощный набор инструментов позволит вам проверить (и исправить) дизайн вашего сайта, чтобы он отлично смотрелся на настольном компьютере, планшете и мобильном телефоне.

Elementor был создан для каждого владельца сайта, который хочет создать красивый веб-контент. Он был создан, чтобы позволить вам создать сайт, который вы хотите. Этот курс учит вас, как его использовать!

Для кого этот курс:

• Пользователи WordPress, которые разочарованы попыткой заставить тему WordPress выглядеть хорошо.
• Любой пользователь WordPress, которому нужен гибкий дизайн сайта и полный контроль над размещением элементов дизайна.