|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/ab-elementor/
课程评论:没有评论
**Elementor - 从新手到专家 (Elementor - From Beginner to Pro)** 本课程由WordPress专家Anfisa Breus教授,旨在帮助您无需编程知识即可使用WordPress和Elementor插件创建专业的网站。Anfisa自2010年起从事WordPress网站建设,已成功创建了500多个各类网站,并拥有教授4500多名学员的经验。 Elementor插件的出现极大地简化了WordPress网站的搭建过程,让初学者和专业人士都能创建出色的网站。本课程的独特之处在于提供大量实用的操作技巧,而非仅仅罗列Elementor的各个组件。您将跟随Anfisa一步一步地学习,并亲手创建一个功能完整的网站。 **课程内容概览:** * **模块1:Elementor免费版安装** * WordPress网站准备 * Elementor安装与基础设置 * **模块2:Elementor入门** * 编辑器界面介绍 * 编辑器设置概览 * 章节与预制模板的使用 * **模块3:Elementor全局设置** * 字体和颜色设置 * 颜色组合器使用 * 支持西里尔字母的Elementor字体 * **模块4:占位符页面** * 创建“网站维护中”页面 * **模块5:主页 (首页)** * 创建包含固定背景图片、图标和文本、作者介绍、动画计数器、作品集画廊、问答区、合作伙伴等模块的首页。 * **模块6:关于我们页面** * 创建包含视频背景、作者介绍(含图片和文本)、动画计数器和图标、动画进度条等模块的“关于我们”页面。学习章节的导出和导入。 * **模块7:联系页面** * 创建包含背景图片文本、联系信息和反馈表单、Google地图、Yandex地图等模块的“联系”页面。 * **模块8:服务页面** * 学习创建包含背景轮播标题、服务介绍、优势、课程、您将获得、常见问题、客户评价、订阅表单等模块的服务页面。 * **模块9:Elementor Pro付费版安装** * 安装Elementor Pro * Elementor Pro的语言汉化 * **模块10:Elementor Pro 主页** * 学习创建包含轮播标题、动画标题、翻转框服务、动画作者介绍、单图/多图作品集画廊、媒体轮播问答等Pro版主页模块。 * **模块11:Elementor Pro 文章调用** * 学习在“主页”和“博客”页面中调用文章,支持卡片式、经典式布局,并为移动设备优化。设置“主页”和“博客”页面。 * **模块12:Elementor Pro 简易反馈表单** * 创建简易反馈表单,实现提交后跳转至感谢页面或落地页,并自定义感谢页面。 * **模块13:Elementor Pro 分步反馈表单** * 创建“咨询申请”类分步反馈表单。 * **模块14:Elementor Pro 反馈表单防垃圾邮件** * 学习使用隐藏的垃圾邮件陷阱、Google reCAPTCHA V3保护表单,并自定义表单字段外观。 * **模块15:Elementor Pro 带反馈表单的弹出窗口** * 学习创建点击提交后显示的弹出窗口(含反馈表单),以及如何在表单中传递隐藏信息、添加自定义文本或图片。 * **模块16:Elementor Pro 字体和图标** * 学习添加自定义字体和图标。 * **模块17:Elementor Pro 倒计时器** * 学习复制页面、创建特定日期倒计时器、永远在线倒计时器。 * **模块18:Elementor Pro 用户评价** * 学习以轮播方式展示多个用户评价,或将单个评价置于固定背景上。区分“评价”、“评价轮播”、“评论”等组件。 * **模块19:Elementor Pro 行动号召** * 学习设置“行动号召”组件的不同样式。 * **模块20:Elementor Pro 定价表** * 学习设置不同样式的定价表,为按钮添加商品链接、自动跳转至购物车、添加可变商品链接等,以及如何创建不使用专用组件的定价表,并添加PayPal支付按钮。 * **模块21:Elementor Pro 全局组件** * 学习创建和使用全局组件。 * **模块22:Elementor Pro 弹出窗口** * 学习创建弹出窗口模板,设置点击按钮弹出、提交后关闭、以及设置弹出条件和触发器。 * **模块23:Elementor Pro 页面和归档模板** * 全面了解Elementor可创建的模板类型,学习创建和使用“单个页面”、“单个文章”模板,以及归档页、搜索结果页、404错误页面的模板,并为归档页添加侧边栏。 * **模块24:Elementor Pro 视频播放列表** * 学习创建和设计视频播放列表。 * **模块25:Elementor Pro WOW效果** * 学习创建鼠标悬停的图片/视频动画、固定粘性菜单、图片抖动动画、图片不同方向动画、图片视差滚动效果、文本视差滚动效果、图片动感滚动效果、文本路径动画、图片/视频异形展示、渐变背景、移动端菜单/内容翻转、点击图片弹出视频窗口、创建营销广告模块、图片热点提示等视觉效果。 * **模块26:Elementor Pro WooCommerce网店** * 学习创建WooCommerce网店商品展示页面。 完成本课程后,您将能够独立创建自己的网站,熟练掌握Elementor的使用,并可以将此技能用于个人项目、为朋友建站或承接付费建站项目。
Добро пожаловать на мой курс "Elementor - от новичка до профи".На этом курсе Вы научитесь создавать сайты на WordPress с помощью плагина Elementor, не изучая программирования и сложные специальные веб-технологии.Меня зовут Анфиса Бреус. Я специалист по WordPress, и я проведу Вас шаг за шагом в этом курсе.Я практик и создаю сайта на WordPress с 2010 года. Я создаю сайты различных тематик и за это время я создала более 500 сайтов: каталоги, визитки, интернет - магазины, лендинги, блоги.Я знаю все аспекты создания сайтов на WordPress и обучаю этому других. Более 4500 учеников прошли мои курсы и создали сайты для себя, или создают сайты на заказ.С появлением плагина Elementor создание сайтов на WordPress вышло на новый уровень, и дает возможность, как новичкам так и профи создавать действительно классные сайты.Вы найдете много курсов по Elementor, но мой курс уникален тем, что я даю практический материал, практической применение этого плагина. Это не просто рассказ о виджетах Elementor и о том, что они могут.Мой курс - это подробное, шаг за шагом, руководство по использованию этих виджетов и их практическом применение при создании своего сайта на WordPress. На курсе мы вместе, страница за страницей, создадим полноценный сайт.В итоге, пройдя этот курс, Вы будут иметь сайт, станете уверенным пользователям Elementor, и сможете создавать сайты для себя, для своих друзей, или на заказ.Курс состоит из 25 разделов. Каждый раздел этот создание отдельной страницы сайта. Например: Главная входная страница, услуги, или контакты...Мы , создавая страницы, будем использовать необходимые виджеты Elementor. И так, шаг за шагом, мы изучим все бесплатные виджеты Elementor.Затем мы перейдём к платным виджетам, и улучшим уже созданные страницы платными классными виджетами и инструментами.Например, на страницу "Услуги" мы добавим таблицу цен. А на страницу "Контакты" мы добавим простую или пошаговую форму обратной связи.А, в конце, мы добавим на сайт немного динамичности и wow - эффектов, анимацию и эффекты движения, а также создадим PopUp окна.Присоединяйтесь к курсу "Elementor -от новичка до профи", и на практике изучите плагин Elementor для создания сайтов для себя или на заказ.Полное содержание детального пошагового курса по создания своего сайта на WordPress:Модуль 1 - Установка бесплатной версии ElementorПодготовка сайта на Wordpress для установки Elementor Установка и основная настройка ElementorМодуль 2 - знакомство с ElementorОсобенности входа в редакторОбзор настроек редактораРабота с секциямиРабота с готовыми шаблонамиМодуль 3 - Глобальная настройка Elementor Настройка шрифта и цвета. Типовые ошибки.Как работать с "Питеткой цвета" редактора ElementorКак узнать какие шрифты, встроенные в Elementor, работают с кириллицейМодуль 4 - Страница заглушкиКак создать страницу "Сайт в разработке"Модуль 5 - Страница "Главная входная"Секция "Шапка, с фиксированным фоновым изображением"Секция "Три колонки, с иконками и текстом"Секция "Об авторе, с картинкой и текстом"Секция "Достижения, с анимационными счетчиками"Секция "Об авторе". Как убрать отступы вокруг картинки.Секция "Портфолио - галерея"Секция "Вопросы - ответы"Секция "Наши партнеры"Модуль 6 - Страница "Об авторе"Секция "Шапка с видеофоном"Секция "Об авторе, с картинкой и текстом". Экспорт и импорт секций.Секция "Достижения, с анимационными счетчиками и иконками"Секция "Достижения, с картинкой и анимационным прогрессом"Модуль 7 - Страница "Контакты"Секция "Текст с фоновым изображением"Секция "Две колонки, с контактной информацией и формой обратной связи"Секция "Карта Google". Секция "Карта Yandex".Модуль 8 - Страница "Услуги"Секция "Шапка с фоновыми слайдами и заголовком"Секция "Услуги"Секция "Наши преимущества"Секция "Наши курсы"Секция "Что Вы получите"Секция "Частые вопросы"Секция "Отзывы клиентов"Секция "Форма подписки"Модуль 9 - Установка платной версии плагина Elementor ProУстановка Elementor ProПеревод Elementor Pro на русский язык и другие языки мираМодуль 10 - PRO Страница "Главная входная"Секция Pro "Шапка со слайдером"Секция Pro "Анимированный заголовок. Вариант 1."Секция Pro "Услуги на флип-бокс"Секция Pro "Об авторе с анимационным заголовком. Вариант 2."Секция Pro "Портфолио - галерея одиночная"Секция Pro "Портфолио - галерея множественная"Секция Pro "Вопросы - ответы с медиа каруселью (стиль: Карусель)".Секция Pro "Вопросы - ответы с медиа каруселью (стили: Слайдшоу и Медиатека)".Модуль 11 - PRO Вывод постов для страниц "Главная входная" и "Блог"Секция Pro "Записи. Макет обложки: Карточки."Секция Pro "Записи. Макет обложки: Классика."Секция Pro "Записи. Макет обложки: Классика. Мобильная и планшетная версия"Как установить "Главной" страницу "Входная", а страницу "Блог" страницей записейМодуль 12 - PRO Простая форма обратной связиСекция Pro "Простая форма обратной связи"Как сделать перенаправление на страницу "Спасибо" или на лендингКак персонализировать страницу "Спасибо"Модуль 13 - PRO Пошаговая форма обратной связиСекция Pro "Пошаговая форма - заявка на консультацию"Модуль 14 - PRO Защита формы обратной связи от спама Как защитить форму обратной связи от спама без капчи спам - ловушкойКак защитить форму обратной связи от спама «невидимой» Google reCAPTCHA V3Как изменить внешний вид полей формы обратной связиМодуль 15 - PRO PopUp с формой обратной связиКак сделать PopUp с информацией после отправки сообщения с формы обратной связиКак передать скрытую информацию в форму заявки после перехода с другой страницыКак добавить произвольный текст и/или картинку между полями формыМодуль 16 - PRO Шрифт и иконкиКак добавить пользовательский шрифтКак добавить пользовательские иконкиМодуль 17 - PRO Счетчики обратной связиКак сделать копию страницы, которая уже естьКак на страницу добавить счетчик обратного отсчета на определённую дату и времяКак на страницу добавить вечно зеленый счетчик обратного отсчетаМодуль 18 - PRO ОтзывыКак разместить на странице несколько отзывов в виде каруселиКак разместить на странице один отзыв на зафиксированном фоне страницыКак разместить на странице несколько отзывов - рецензий в виде каруселиВ чем разница между виджетами отзывов: "Отзывы", "Карусель отзывов" и "Рецензии"Модуль 19 - PRO Призыв к действиюКак настроить виджет "Призыв к действию". Вариант №1.Как настроить виджет "Призыв к действию". Вариант №2.Модуль 20 - PRO Таблица ценКак настроить "Таблицу цен". Вариант №1.Как настроить "Таблицу цен". Вариант №2.Как к кнопке таблицы цен добавить ссылку на товар (курс, услугу)Как настроить автоматическое перенаправление с таблицы цен в корзину для оплатыКак к кнопке таблицы цен добавить ссылку на вариативный товар (курс, услугу)Как к кнопке таблицы цен добавить шорткод на вариативный товар (курс, услугу)Как в таблицу цен добавить шорткод кнопки "Добавить в корзину"Как создать таблицу цен без специального виджета "Таблица цен"Как установить в таблицу цен кнопку "PayPal" для оплаты через PayPalМодуль 21 - PRO Глобальный виджетКак создавать глобальные виджеты, и как с ними работатьМодуль 22 - PRO PopUp (Всплывающее окно)Как создать шаблон PopUp (вплывающие окно)Как сделать PopUp окно, которое будет появляться при клике на кнопкуКак сделать, чтобы после нажатии кнопки "Отправить", PopUp закрылсяВарианты настройки условий и триггеров появления PopUp окнаКак сделать PopUp окно со статьёй блога всплывающее внизу сайтаМодуль 23 - PRO Шаблоны страниц и архивовПолный обзор шаблонов, которые можно создавать с помощью ElementorКак создать и использовать шаблон для страницы "Одиночная"Как создать и использовать шаблон для страницы "Одиночная запись"Как создать и использовать шаблон АрхиваКак к архивной странице добавить боковую колонку. Вариант №1.Как к архивной странице добавить боковую колонку. Вариант №2.Как создать шаблон архива для "Результатов поиска"Как создать шаблон для страницы "Не найдено" - "Ошибка 404"Модуль 24 - PRO Видео плейлистКак создать и оформить видео плейлистМодуль 25 - PRO WOW - Эффекты Как сделать, чтобы картинка или видео в слайдере, при наведении мышки, двигаласьКак создать фиксированное "липкое" меню в верху сайтаКак сделать, чтобы картинки, при наведении мышки, "заплясали"Как сделать, чтобы картинки, при наведении мышки, двигались в разном направленииКак сделать, чтобы картинка, при скроллинге сайта, оставалась на одном местеКак сделать, чтобы картинка, при скроллинге сайта, "оживала"Как сделать, чтобы картинки, при скроллинге сайта, двигались и вращалисьКак сделать, чтобы текст, при скроллинге, выходил за пределы фона и менял цветКак расположить текст по контуру, чтобы при прокрутке двигался по кругу контуруКак расположить изображение или видео внутри произвольной фигурыКак сделать фон с градиентом справа и слева от картинки в тон фона картинкиКак поменять местами колонки в шапке для отображения в мобильной версии сайтаКак сделать реверс колонок на лэндинге для отображения в мобильной версии сайтаКак сделать, чтобы при клике на изображение появлялось всплывающее окно с видеоКак создать стильную рекламную секциюКак размещать подсказки ("горячие точки") на изображении Модуль 26 - PRO Интернет-магазин на WooCommerceКак создать страницу с витриной товаров интернет-магазина на WooCommerce