Создание новой страницы из готовых блоков в Elementor Pro Join this channel to get access to perks: / @anfisabreus Краткое описание: Узнайте, как быстро создать новую страницу для лендинга, используя сохраненные шаблоны и готовые блоки в Elementor Pro! В этом уроке мы настроим шаблон, добавим анимацию для изображений, анимированный заголовок, заменим форму на Elementor Pro форму, и создадим карусель отзывов и 3D-карусель изображений. В завершении проверим адаптивность на мобильных устройствах. За 27 минут вы научитесь создавать стильный и функциональный лендинг! Список содержания: 00:00 – Создание новой страницы для лендинга 00:18 – Вставка шаблона страницы из урока №3 00:34 – Удаление контейнера с header и footer 00:46 – Замена шаблона страницы на “Elementor полная ширина” 01:19 – Проблема с исчезновением шапки 02:48 – Добавление эффекта движения изображения при наведении мышки 03:46 – Добавление эффекта движения изображения при прокрутке 04:32 – Замена заголовка на “Анимированный заголовок” 05:28 – Редактирование шаблона шапки 06:50 – Настройка стиля анимированного заголовка 07:23 – Замена иконок на кастомные 07:43 – Замена WP Forms на Elementor Pro форму 08:50 – Сохранение формы в Popup как глобальный виджет 10:50 – Добавление виджета “Карусель отзывов” 15:52 – Добавление виджета “Медиа карусель” 19:52 – Проверка адаптивности страницы на мобильных устройствах Title (Video in Russian): Creating a New Page from Ready-Made Blocks in Elementor Pro Description: Learn how to quickly create a new landing page using saved templates and ready-made blocks in Elementor Pro! In this tutorial, we’ll customize a template, add animation effects for images, replace the heading with an animated one, swap out a form for an Elementor Pro form, and create a testimonial carousel and a 3D media carousel. Finally, we’ll test the page's responsiveness on mobile devices. In just 27 minutes, you'll master the creation of a stylish and functional landing page! Content List: 00:00 – Creating a new page for the landing 00:18 – Inserting a page template saved in lesson #3 00:34 – Removing the header and footer container 00:46 – Changing the page template to “Elementor Full Width” 01:19 – Resolving the disappearing header issue 02:48 – Adding a mouse movement effect to images 03:46 – Adding a scroll effect to images 04:32 – Replacing the heading with an “Animated Heading” 05:28 – Editing the header template 06:50 – Styling the animated heading 07:23 – Replacing icons with custom ones 07:43 – Replacing WP Forms with an Elementor Pro form 08:50 – Saving the form in a Popup as a global widget 10:50 – Adding the “Testimonial Carousel” widget 15:52 – Adding the “Media Carousel” widget 19:52 – Checking page responsiveness on mobile devices ***** 🔗 Affiliate Links (Use these links to buy products and get possible consultations): Elementor Pro: →
Elementor hosting+ Builder product page: →
WP Forms: →
Siteground (best starter hosting for WordPress & WooCommerce): →
Bluehost ( (best starter hosting for WordPress & WooCommerce):
***** 🔗 Useful Links: • Professional Blog:
• Personal Diary Blog:
• WordPress Master Club:
• See my resume:
►
https://www.youtube.com/user/anfisabr... Stay ahead of the curve and join our growing community of learners and explorers!
