Ключевые выводы
- Виджет "Портфолио" Elementor находится в списке Pro. Он извлекает сообщения или пользовательский тип сообщений и строит вкладки фильтров на основе их таксономических терминов.
- При бесплатной установке Elementor вы можете вручную создать одну и ту же сетку, где каждый проект представляет собой элемент, который вы заполняете, а не публикуете запросы виджета.
- Ручной маршрут дает каждому проекту название, подзаголовок, до двух кнопок с собственными URL-адресами и ленту, например "Новое" или "Популярное".
- Он не пост-драйв, поэтому новый проект означает добавление предмета, а не публикацию поста. Для студии с восемью-тридцатью произведениями, что обычно является справедливой торговлей.
- Решите, как хранится работа: если ваши проекты уже являются публикациями с категориями, виджет Pro побеждает; если они живут в папке изображений, ручная сетка работает быстрее.
Страница портфолио должна показывать работу, позволять людям сужать ее до того вида работы, за которым они пришли, и давать им возможность дойти до деталей. панель фильтров обрабатывает среднюю часть, превращая длинный свиток в два щелчка.
У Elementor есть виджет для этого, и он находится за Pro. Этот пост охватывает то, что делает этот виджет, а затем ручной маршрут, который работает при бесплатной установке, с ограничениями каждого.
Оглавление
Что делает виджет Elementor Portfolio
Портфолио - это виджет Pro, и важная часть - это то, откуда его содержимое: он запускает запрос. Вы указываете его на сообщения или собственный тип сообщения, устанавливаете сообщения на страницу, и виджет строит сетку из избранного изображения и названия каждого сообщения.
Панель фильтров представляет собой отдельный раздел на панели с собственным переключателем "Показать", который выключен по умолчанию, и раскрывающимся падением "Таксономия".Выберите таксономию и ее термины и станьте вкладками. Это шаг, который люди пропускают, когда спрашивают, почему у их виджета "Портфолио" нет фильтра.
Макет дает вам отзывчивые столбцы от 1 до 6, начиная с 3 на рабочем столе, 2 на планшете и 1 на мобильном телефоне, переключатель Masonry и ползунок отношения предметов, который обрезает каждую карту до одинаковой пропорции, когда кладка выключена.
Когда ваши проекты уже существуют как посты, это реальное преимущество: опубликовать тематическое исследование, пометить его, и он появляется в сетке без работы верстки. стоимость состоит в том, что карта показывает, что пост держит. нет на поле проекта, и вся карта ссылается на пост.
Другая загвоздка очевидная, Она нуждается в Pro, и если ваша работа не хранится как посты вы должны создать пост для каждого проекта, прежде чем виджет имеет что-то показать.
Ручной маршрут при бесплатной установке
Другой путь - это виджет галереи, который фильтрует, где каждый проект - это строка, которую вы заполняете.The Фильтруемая галерея изображений работает таким образом и запускается на бесплатной установке Elementor, поэтому выполняются следующие действия
- Опустите виджет на страницу и добавьте по одному элементу на проект в ретрансляторе "Содержимое галереи".
- Дайте каждому элементу метку фильтра. этот текст становится вкладкой, поэтому “Branding”, “Web” и “Photography” дают вам три вкладки плюс вкладку "Все".
- Заполните заголовок и подзаголовок.Имя проекта и строка вроде “Brand identity, 2026” обычно достаточно.
- Добавьте одну или две кнопки, указывающие на живой сайт и тематическое исследование.
- Установите столбцы, затем решите, обрезать ли карты до одинаковой высоты с соотношением сторон изображения.
Щелкните вкладку, и сетка сузится до этой категории без перезагрузки страницы.
Что идет на проектной карте
В каждой строке ретранслятора есть поля, составляющие карту, и это то, что вы получаете в обмен на заполнение их вручную.
| Поле | Используйте для |
|---|---|
| Этикетка фильтра | Вкладка "Категория". Запятая разделяется, когда проект принадлежит двум. |
| Название | Название проекта. |
| Субтитры | Клиент, дисциплина или год. “Brand identity, 2026” хорошо читается. |
| Лента | Угловой значок. предустановленный список включает в себя новые, популярные, распродажа и обновленные. |
| Кнопка первая и Кнопка вторая | Две ссылки на карту, поэтому можно перейти на живой сайт и одну на тематическое исследование. |
| Всплывающее окно или ссылки | Откройте изображение в лайтбоксе вместо того, чтобы отправлять людей. |
Ленты стоит задуматься о портфолио Один значок “New” на вашем последнем проекте привлекает внимание к работе, которую вы больше всего хотите увидеть, и простая сетка не имеет возможности сделать это.
Какой маршрут подходит вашему сайту
| Виджет портфолио Elementor | Фильтруемый виджет галереи | |
|---|---|---|
| Нужен Элементор Про | Да | Нет |
| Где живут проекты | Сообщения или пользовательский тип сообщения | Элементы, которые вы заполняете на странице |
| Вкладки фильтра взяты из | Термины таксономии после включения панели фильтров | Этикетка фильтра на каждом элементе |
| Добавление проекта позже | Публикуй пост, он появляется | Добавить элемент и сохранить страницу |
| На кнопки проекта | Нет | Два, каждый со своим URL |
| Значок или лента | Нет | Да |
| Столбцы | 1-6, отзывчивый | от 1 до 6, одно значение для всех экранов |
| Масонство | Да, переключатель | Переключатель, но сетка остается рядами |
| Лайтбокс на изображении | Нет, вся карта ссылается на пост | Да, с опцией всплывающего окна |
| Лучший для | Сайты, на которых тематические исследования уже являются сообщениями | Студии с фиксированным набором деталей |
В этом решении тоже есть строка громкости. В восьми-тридцати проектах заполнение элементов происходит быстро, и вы получаете элементы управления каждой картой. За сто лет виджет, управляемый запросами, является более разумным вариантом, потому что никто не хочет поддерживать сотню строк ретранслятора вручную.
Пять вещей, которые заставляют работать сетку портфеля
- Сохранить категории до четырех или пяти Девять вкладок - это второе навигационное меню с именем фильтра.
- Решите обрезать заранее. Image Aspect Ratio обрезает каждую карту на одну высоту; его выход сохраняет пропорции каждого изображения.
- Напишите субтитры, которые что-то говорят. “Client, year” бьет “Project” на каждой карте.
- Выберите один клик на карту. Лайтбокс и кнопка тематического исследования на одной карте дают два разных обещания.
- Проверьте количество столбцов на телефоне. значение Столбцы применяется к каждому размеру экрана, поэтому три столбца на рабочем столе - это место, где телефон тоже запускается.
Часто задаваемые вопросы
Виджет Elementor Portfolio бесплатный?
Нет, Портфолио является виджетом Pro. бесплатный плагин имеет виджет Галерея изображений, который представляет собой сетку с лайтбоксом и без панели фильтра.
Могу ли я создать фильтруемый портфель без Elementor Pro?
Да, с виджетом-аддоном, который фильтрует сетку Категории происходят от метки, которую вы вводите на каждом элементе, а не от таксономии поста.
Может ли проект появиться в двух категориях?
Да. Поместите оба имени в поле "Фильтр-метка", разделенное запятой.
Может ли сетка извлекать мои проекты из постов?
Не с ручным маршрутом. галерея - это список элементов, которые вы заполняете, поэтому новый проект означает добавление элемента. если сетка, управляемая постом, - это то, что вам нужно, это работа виджета Pro Portfolio.
Сколько проектов слишком много для ручной сетки?
Жесткого предела нет, но каждый предмет загружается страницей, так как у виджета нет больше нагрузки или нумерации страниц Около тридцати-сорока штук - это удобный потолок.
Заключительные мысли
Оба маршрута заканчиваются одним и тем же на экране: сетка, ряд кнопок категорий, и работа посетитель может сузиться в один клик, Где ваши проекты live решает, какой из них вы используете Сообщения с категориями указывают на виджет Pro Папка изображений и короткий список дисциплин указывают на ручную сетку, которая не запрашивает лицензию.
Связанное чтение
