Портфолио — виджет Elementor Pro

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

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

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

А теперь рассмотрим настройки и опции данного виджета.

Содержимое

- Макет

• Колонки - количество элементов в 1 ряду портфолио, т.е количество колонок
• Записей на страницу - количество записей на страницу.  Если включена опция фильтр, то кол-во записей учитывается общее в запросе, а не для каждой рубрики например.
• Размер изображения - размер изображение. Выбор из предустановленных и возможно задать свой размер.
• Кирпичная кладка - опция включает вид портфолио в виде кирпичной кладки т.е с неровными рядами, а просто с заполнение любого пространства по высоте.
• Пропорции элемента - пропорции элемента портфолио. От 0 до 2. Цифра 1 это пропорция 1:1 т.е квадрат.
• Показывать заголовок - возможно отключить отображения заголовка при наведении на элемент портфолио.
• HTML-тег заголовка -  выбор html тега для заголовка

- Запрос

• Источник - источник для вывода информации. В качестве источника может быть страницы, записи которые можно отфильтровать по параметрам ниже. Так же можно выбрать отдельные записи для отображения
• Автор - фильтрация выборки запроса по автору т.е можно показать информацию от определенного автора.
• Рубрики - фильтрация выборки по рубрики т.е можно показать информацию из нужной рубрики.
• Метки - тоже фильтрация выборки по меткам для показа данных из определенных меток.
• Формат - фильтрация по типу формату записи.
• Сортировать по - возможно изменить сортировку выборки из источника, например сделать сортировку по названию.
• Порядок - дополнительный параметр сортировки, по убыванию или по возрастанию.
• Смещение - Этот параметр делает возможным пропустить предыдущие записи (напр. '2' чтобы пропустить две записи)
• Исключить - возможность исключить текущую запись из выборки или определенные записи указав самостоятельно.

- Панель фильтра

• Показать - показывает панель фильтра над портфолио.
• Таксономия - выбор таксономии для фильтра т.е что в фильтре будет отображаться.

Стиль

- Элементы

• Разрыв между элементами - расстояние между самими элементами со всех сторон втч и от фильтра.
• Скругление углов - скругление углов элементов портфолио.

- Перекрытие элемента

• Цвет фона - цвет фона перекрытия т.е фон при наведении на элемент.
• Цвет - цвет заголовка при наведении на элемент.
• Типографика - типографика для заголовка (шрифт, размер, итд)

- Панель фильтра

• Цвет - цвет текста в панеле фильтра.
• Активный цвет - цвет активного пункта фильтра.
• Типографика - типографика для всего текста фильтра.
• Расстояние между - расстояние между пунктами фильтра.
• Отступ - расстояние между фильтром и элементами портфолио.