Предположим, что ваша деятельность связана с творчеством, возможно у вас дизайн-студия или салон красоты. Может быть вы делаете сайт для фотографа или любой другой профессии, связанной с представлением своих работ. Это вообще может быть все что угодно, где вы хотите рассказать о ваших реализованных проектах.
И тогда перед вами стоит задача сделать на вашем сайте портфолио, где ваши клиенты и потенциальные клиенты могут ознакомиться с вашей профессиональной деятельностью.
В этой статье я расскажу, как сделать красивое портфолио на сайте 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](https://linxnpix.com/wp-content/uploads/2021/01/blog-011-02.png)
Settings – В этом разделе настраивается количество элементов портфолио, количество столбцов, в которых эти элементы будут расположены. Кроме того, тут можно настраивать анимацию, размер картинок и задавать иконки ссылок.
Filterable controls – В этом разделе задается меню фильтрации элементов портфолио.
Gallery Items – Это раздел для самих элементов портфолио. Здесь можно добавлять, сортировать, редактировать и удалять эти элементы. Поле Control Name должно соответствовать разделам, которые были заданы в разделе Filterable controls. Также тут задается имя каждого элемента, описание и изображение.
Load more button – В этом разделе есть возможность добавить внизу кнопку Загрузить больше, в том случае, если элементов портфолио очень много.
Во вкладке Стиль настраиваются все стили портфолио, цвета, шрифты, отступы, заливки, границы всех элементов.
![Настройки Essential Addons for Elementor](https://linxnpix.com/wp-content/uploads/2021/01/blog-011-03.png)
Во вкладке Расширенные расположены настройки всего блока портфолио.
![Настройки Essential Addons for Elementor](https://linxnpix.com/wp-content/uploads/2021/01/blog-011-04.png)
Таким образом, установив плагин Essential Addons for Elementor, мы можем создать красивое портфолио работ или услуг, которое будет адаптировано также под смартфон и планшет.