You are currently viewing Как сделать красивое портфолио WP + Elementor без Pro

Как сделать красивое портфолио WP + Elementor без Pro

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

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

В этой статье я расскажу, как сделать красивое портфолио на сайте WordPress с визуальным редактором Elementor, не покупая платную подписку.

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

Что для этого понадобится

Для того, чтобы создать красивое портфолио ваших услуг или работ, вам понадобится ваш сайт на CMS WordPress, а также два плагина, которые нужно будет установить на сайт.

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

Создаем красивое портфолио

После установки и активации всех плагинов можно приступать к созданию портфолио.

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

Если обратить внимание на верхнюю панель редактора WordPress, то мы увидим, что там появилась новая кнопка Редактировать в Elementor. Нажимаем на нее и переходим в редактор Elementor.

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

Слева на панели инструментов Elementor находим сверху значок вафли и нажимаем на него. Он открывает все возможные элементы, которые можно вставить на страницу. И, если мы прокрутим перечень элементов вниз, то увидим, что после раздела Общие у нас появился новый раздел Essential Addons. В этом разделе находим элемент Filterable Gallery и перетаскиваем его в созданную секцию.

Настройки портфолио

После того, как мы перетащили Filterable Gallery в правую часть экрана, в левой части будут отображены все настройки этого элемента. Во вкладке Содержимое можно управлять всеми настройками контента портфолио. Настройки разделены на несколько разделов:

Настройки Essential Addons for Elementor

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

Filterable controls – В этом разделе задается меню фильтрации элементов портфолио.

Gallery Items – Это раздел для самих элементов портфолио. Здесь можно добавлять, сортировать, редактировать и удалять эти элементы. Поле Control Name должно соответствовать разделам, которые были заданы в разделе Filterable controls. Также тут задается имя каждого элемента, описание и изображение.

Load more button – В этом разделе есть возможность добавить внизу кнопку Загрузить больше, в том случае, если элементов портфолио очень много.

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

Настройки Essential Addons for Elementor

Во вкладке Расширенные расположены настройки всего блока портфолио.

Настройки Essential Addons for Elementor

Таким образом, установив плагин Essential Addons for Elementor, мы можем создать красивое портфолио работ или услуг, которое будет адаптировано также под смартфон и планшет.

Добавить комментарий