16. Elementor Free | Секция «Портфолио — галерея» для страницы «Главная» сайта на WordPress.

  Автор:
  112
Секция Elementor "Портфолио - галерея" для страницы "Главная" сайта на WordPress

Продолжаем создавать страницу «Главная (входная)» для сайта на WordPress с помощью бесплатной версии Elementor. В прошлом видео уроке  «Об авторе. Как убрать отступы вокруг картинки.» мы рассмотрели как убирать в колонке Elementor с картинкой  отступы, чтобы картинка прилипала к какому-либо элементу страницы.

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

Этот и другие 100+ видео уроков входят в видеокурс «Elementor — от новичка до профи»

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


Итак, посмотрим как создается простая галерея.

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

В этой колонке мы разместим и настроим заголовок (см. видео урок).

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

Дальше, кликаем в колонке на этот виджет, и с левой стороны нажимать на значок «Выбор изображений» для загрузки нужных нам скриншотов работ учеников, или любых других картинок (например, сертификатов, любых фотографий,  и т.д…).


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

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

В следующем видео уроке Вы узнаете как с нуля создать секцию «Вопросы — ответы» для страницы «Главная» сайта на WordPress.

Присоединяйтесь к курсу «Elementor — от новичка до профи» прямо сейчас, не дожидаясь окончания серии из 100+ видео уроков, и уже сегодня на практике начните применять Elementor для создания страниц и лендингов для себя или на заказ.

Для детального ознакомления с содержанием видео курса переходите по этой ссылке или нажмите на картинку.

Добро пожаловать на мой видео курс "Elementor - от новичка до профи".
Добро пожаловать на мой видео курс «Elementor — от новичка до профи» Теперь Вы сможете создать и профессионально оформить любые страницы своего сайта на WordPress легко и быстро.

 

 

16. Elementor Free | Секция «Портфолио — галерея» для страницы «Главная» сайта на WordPress.

   0 голосов
Средняя оценка: 0 из 5
Вам понравилась статья? Буду очень благодарна Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2022
Оставьте свой комментарий:

Ваш адрес email не будет опубликован.