Skip to main content

«Divi Page Builder» — якорное меню, липкий сайт бар, Parallax эффекты, мерцающие буквы, карта Google

  • Федор Васильев
  • WordPress

Здравствуйте, на связи Федор Васильев. Я продолжаю освещать мощный конструктор страниц на WordPress «Divi Page Builder». На сегодняшний момент я записал уже 25 видео уроков для начинающих. 

В этой статье вас ждут 5 видео уроков. Но это не просто разъяснения технической стороны продукта, это нечто новое.  Мне захотелось чего-то креативного и фееричного. 

В этой статье речь о том, как сделать мерцающие буквы в Divi, Parallax эффект, липкий сайт бар и другие полезные уроки.

В прошлых выпусках я показал как сделать сплит-тестирование, дизайн блога, настройки виджетов и дизайн страницы поиска. А так же Import & Export, cквозной подвал, лид-форма, свои шрифты и SEO оптимизация сайта.

Для тех, кто ищет решение и сомневается в своем выборе, в прошлой статье я показал какой конструктор страниц подойдет именно для вашего проекта, Divi Page Builder или Elementor PRO. В видео я показал и сравнил оба конструктора и сделал обзор сильных и слабых сторон.


«Divi Page Builder» — бесплатное обучение


Урок 21: Якорное меню в Divi Page Builder

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

Video Placeholder

Нажмите два раза, чтобы начать смотреть видео

Урок 22: Фиксируем сайтбар при прокрутке страницы в Divi Page Builder

В этом видео я покажу бесплатный плагин «Sticky Menu (or Anything!) on Scroll». С его помощью вы сможете зафиксировать любой элемент на сайте при прокрутке страницы. В частности, я буду показывать как это сделать на примере сайтбара.

Video Placeholder

Нажмите два раза, чтобы начать смотреть видео

Урок 23: Широкоформатный контент с Parallax эффектом в Divi Page Builder

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

Video Placeholder

Нажмите два раза, чтобы начать смотреть видео

Урок 24: Мерцающие буквы в Divi Page Builder

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

Video Placeholder

Нажмите два раза, чтобы начать смотреть видео

Урок 25: Карта Google в Divi Page Builder

Если вы хотите на картах своего сайта указать офис или склад, я покажу как это легко сделать в Divi. На карте Google у вас будет возможность отобразить неограниченное количества точек, при наличии нескольких офисов или складов.

Video Placeholder

Нажмите два раза, чтобы начать смотреть видео

Заключение.
Вот и подошел к концу видео курс по «Divi Page Builder». Если вы просмотрели все 25 уроков вы большой молодец, а самое главное с багажом знаний о создании современного сайта на WordPress. Я рассмотрел не все плагины так как считаю, что настроить их можно по аналогии моих уроков из курса. Если у вас возникли вопросы, или вы хотите, чтобы я осветил какой-то конкретный плагин, пишите об этом в комментариях.

На этом уроки по «Divi Page Builder» не заканчиваются, я буду выпускать обзоры о новинках Divi по мере их выхода в свет. Что бы их не пропустить подпишитесь на Email рассылку, и вы первым получите новые уроки.

Divi - Конструктор страниц на WordPress

КУПИТЬ

Похожие статьи:

«Divi Page Builder» — Битва конструкторов на WordPress, настройки, колонки, секции, анимация

«Divi Page Builder» — Import & Export, cквозной подвал, Лид-форма, свои шрифты, SEO

«Divi Page Builder» — контент, меню, аудио, видео, анимированные счетчики, галерея, слайдер

Как зарегистрировать Домен, Хостинг, SSL

WordPress, Divi Page Builder, якорное меню, Parallax, карта Google

  • Просмотров: 2274

Еще уроки по WordPress

images/WP/tema-woodmart---slajder-vkladki-tovarov-begushchaya-stroka-adaptivnaya-tablitsa-menyu-s-prokrutkoj.jpg#joomlaImage://local-images/WP/tema-woodmart---slajder-vkladki-tovarov-begushchaya-stroka-adaptivnaya-tablitsa-menyu-s-prokrutkoj.jpg

Тема Woodmart — слайдер, вкладки товаров, бегущая строка, адаптивная таблица, меню с прокруткой

| Федор Васильев | WordPress
Здравствуйте, на связи Федор Васильев. В этой серии уроков я покажу виджеты которые идут в комплекте с Woodmatr для конструктора страниц Elementor. Таких виджетов насчитывается большое количество д...
images/WP/tema-woodmart---schetchik-prodazh-moj-akkaunt-vkhod-cherez-sots-set-vk-com-stranitsa-my-skoro-polzovatelskij-css-js-drugoe-i-makety.jpg#joomlaImage://local-images/WP/tema-woodmart---schetchik-prodazh-moj-akkaunt-vkhod-cherez-sots-set-vk-com-stranitsa-my-skoro-polzovatelskij-css-js-drugoe-i-makety.jpg

Тема Woodmart — счетчик продаж, мой аккаунт, вход через соц. сеть vk.com, страница "мы скоро", пользовательский CSS, JS, другое и макеты

| Федор Васильев | WordPress
 Здравствуйте, на связи Федор Васильев. В этой серии уроков я для вас подготовил интересный контент на Тему WordPress, под названием "Woodmart".  В этой серии: как настроить счетчик продаж, настро...
images/WP/STATI/navigatsiya-po-labirintu-vybor-luchshego-konstruktora-stranits-dlya-wordpress-sajtov.jpg#joomlaImage://local-images/WP/STATI/navigatsiya-po-labirintu-vybor-luchshego-konstruktora-stranits-dlya-wordpress-sajtov.jpg

Навигация по лабиринту: выбор лучшего конструктора страниц для WordPress-сайтов

| Федор Васильев | WordPress
Здравствуйте, на связи Федор Васильев. Как важно понимать роль конструктора страниц для WordPress Конструкторы страниц для WordPress стали важным инструментом для создания уникальных и функционал...
images/WP/woocommerce---upravlenie-polyami-na-stranitse-oformleniya-zakaza.jpg

WooCommerce — управление полями на странице оформления заказа

| Федор Васильев | WordPress
Здравствуйте, на связи Федор Васильев. В этом видео я покажу плагин для WooCommerce, с помощью которого вы сможете навести полный порядок на странице оформления заказа, убрав все ненужные поля, или...

© Школа Федора Васильева, все права защищены. 2014-2024

Почта: Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в браузере должен быть включен Javascript. Телефон: 8 (960) 375-50-04