Ключевые выводы
- Бесплатный виджет Галерея изображений Elementor не имеет панели фильтров. список управления - изображения, столбцы, пробел, подпись, ссылка и лайтбокс.
- Два маршрута дают вкладки категорий: виджет Elementor's Gallery, который есть в списке Pro, или виджет-дополнение на бесплатной установке Elementor.
- С Галерея фильтруемых изображений Master Addons категория взята из метки фильтра, которую вы вводите для каждого элемента, поэтому одно изображение может находиться в нескольких категориях.
- Показать фильтр Nav и показать “All” Вкладка Фильтр включены оба по умолчанию, и текст вкладки Все редактируется.
- Когда вкладки не появляются, причиной почти всегда является пустая метка фильтра, выключенная навигация фильтра шоу или кэш страниц, обслуживающий старую разметку.
Фильтруемая галерея - это сетка с рядом кнопок категорий над ней. Нажмите "Портреты", и портреты останутся, пока все остальное выпадет из поля зрения. Это портфолио макетов, каталоги продуктов и фотонаборы, к которым стремятся, потому что прокрутка мимо сорока изображений, чтобы найти один вид работы, - это ничья идея хорошего времени.
Элементор может это сделать, но не в бесплатном виджете Галерея изображений Данное руководство охватывает оба маршрута: что предлагает сам Элементор, и как построить то же самое на бесплатном элементоре установить с помощью дополнения.
Оглавление
Что Элементор выдает вам из коробки
Откройте панель виджетов на бесплатной установке Elementor, найдите галерею, и вы получите виджет Галерея изображений Его список управления Добавить изображения, Разрешение изображений, Столбцы, Надпись, Ссылка, Лайтбокс, Порядок по и интервал ползунок во вкладке Стиль Столбцы бегут от 1 до 10 и начинаются с 4, Подпись предлагает подпись вложения или ничего, и Ссылка отправляет изображение в файл мультимедиа, страницу вложения или нигде. Это дает вам сетку с лайтбоксом. Нет панели фильтров, нет каменной кладки и нет названия для каждого изображения.
У Elementor есть второй виджет галереи, называемый Gallery, и этот виджет Pro. Он содержит параметры макета и панель фильтров. Фильтровальная панель от Elementor сама по себе означает лицензию Pro.
Маршрут 1: виджет галереи Элементор (Pro)
Если вы уже платите за Elementor Pro, начните здесь, потому что это на один плагин меньше. виджет Галерея держит несколько галерей внутри одного виджета и дает каждому имя, и эти имена становятся панелью фильтров.
- Перетащите виджет Галерея на страницу.
- Переключить тип с одного на несколько. Single - это по умолчанию, и у него нет панели фильтра.
- Добавьте одну галерею в каждую категорию в ретрансляторе Galleries и заполните поле "Заголовок", потому что этот текст становится вкладкой.
- Выберите макет: сетка, обоснованная или масонство. сетка и масонство используют управление столбцами, которое начинается с 4 на рабочем столе, 2 на планшете и 1 на мобильном. вместо этого Justified использует высоту строки.
- Оставьте переключатель “All” Фильтр включенным, и переименовать его в “All” Фильтр Метка, если “All” слишком расплывчато.
Компромисс заключается в том, как хранятся категории Каждое изображение принадлежит галерее, в которую вы его опустили, поэтому изображение, принадлежащее двум категориям, необходимо добавить дважды. маршрут добавления ниже обрабатывает это текстовым полем.
Маршрут 2: виджет "Мастер-аддоны", шаг за шагом
Этот маршрут работает на бесплатной установке Elementor.Установите главные аддоны, убедитесь, что виджет Галерея фильтруемых изображений включен в списке виджетов плагина, затем выполните следующие действия.
Шаг 1: добавьте виджет и изображения
Ищите Галерею фильтруемых изображений на панели Элементор и перетаскивайте ее в. Изображения добавляются по одному элементу в ретрансляторе содержимого галереи, а не в одном медиа-подборщике, что делает возможными поля для каждого элемента.
Столбцы принимают число от 1 до 6 и по умолчанию 3. перед планированием макета нужно знать одну вещь: этот элемент управления не реагирует, поэтому на каждый размер экрана применяется одинаковое количество столбцов Сама сетка по-прежнему повторно загорается на узких экранах, но вы не можете установить четыре столбца на рабочем столе и два на планшете с панели.
Шаг 2: дайте каждому элементу метку фильтра
Откройте ряд ретранслятора, и вы получите поля, в которых создается карта: изображение, заголовок, субтитры, лента, всплывающее окно или поведение ссылки, две кнопки со своими собственными URL-адресами и метка фильтра.
Введите имя категории точно так, как вы хотите, чтобы оно читалось на кнопке, потому что вкладка построена из этого текста Отделите несколько категорий запятыми, когда элемент принадлежит более чем одной, что является частью, которую маршрут Pro не может обойтись без дублирования изображения.
Шаг 3: включите панель фильтров и назовите вкладку "Все"
Откройте раздел Настройки.Показать фильтр Nav и Показать “All” Вкладка Фильтр включены оба по умолчанию, и Все категории Текст устанавливает то, что говорит первая кнопка. “Все проекты”, “Покупайте all” и “Полное меню” все читают лучше, чем голый “All”.
Шаг 4: проверьте его на переднем конце
Сохранить и просмотреть страницу. панель фильтров отображается над сеткой, вкладка "Все" активна, а щелчок по категории скрывает каждый элемент без этой метки.
Настройки, изменяющие поведение фильтра
| Настройка | Где | Что делает |
|---|---|---|
| Этикетка фильтра | Каждый элемент ретранслятора | Строит вкладки. запятая отдельно для нескольких категорий. |
| Показать навигацию фильтра | Настройки | Скрывает всю полосу, когда выключена, и именно так вы получаете простую сетку. |
| Показать вкладку Фильтр “All” | Настройки | Отбрасывает первую вкладку, если вы хотите, чтобы посетители немедленно выбрали категорию. |
| Все категории Текст | Настройки | Переименовывает вкладку Все. |
| Соотношение сторон изображения | Настройки | Обрезает каждую карту на одну высоту.Off сохраняет пропорции каждого изображения. |
| Желоб | Настройки | Пространство между картами. адаптивный, от 0 до 40px, 10 по умолчанию. |
| Столбцы | Содержание | от 1 до 6, одно значение для каждого размера экрана. |
| Тип накладки | Наложение Настройка | При зависании всегда, никогда или прячьтесь при зависании. |
| Всплывающее окно или ссылки | Каждый элемент ретранслятора | Открывает изображение в лайтбоксе или отправляет карту на URL-адрес. |
Две вещи, которых нет у виджета, поэтому вы можете планировать вокруг них: нет кнопки загрузки больше и нет нумерации страниц, поэтому каждый элемент загружается вместе со страницей, и нет поля поиска. Для портфолио из сорока изображений, которое хорошо на приличном хосте, но архив из двухсот изображений хочет разделить страницы.
Вкладки фильтра не отображаются? Проверьте эти четыре вещи
Это вызвано четырьмя вещами, и на первые две приходится большая часть этого.
- Пустая метка фильтра. элемент без метки никогда не присоединяется к категории, и если ни один элемент не имеет ее, не из чего создавать вкладки.
- Показать фильтр Nav выключен. По умолчанию он включен, поэтому обычно это чья-то более ранняя правка.
- Кэшированная страница. кэши страниц и CDN обслуживают разметку до того, как вы добавили метки, поэтому очистите кэш и перезагрузите его с помощью жесткого обновления.
- Метки, которые отличаются на один символ. “Portraits” и “portraits ” с конечным пространством - это две категории, поэтому вы получаете две вкладки, содержащие по половине набора каждая.
Если вкладки появляются, но щелчок ничего не делает, сценарий фильтрации не запущен. Это указывает на ошибку JavaScript из другого плагина на той же странице или на то, что оптимизатор сценария откладывает файл. Выключите JS, объединившись для этой страницы, и снова протестируйте.
Часто задаваемые вопросы
Есть ли у Elementor фильтруемая галерея?
Не в бесплатной версии Бесплатный виджет Image Gallery - сетка с лайтбоксом Виджет Elementor 's Gallery, который может показать несколько именных галерей с фильтровальной полосой, в его списке Pro.
Может ли одно изображение быть разделено на две категории?
Да, с маршрутом добавления. поместите оба названия категорий в поле "Метка фильтра", разделенные запятой, и элемент отобразится под обеими вкладками.
Могу ли я изменить то, что говорит кнопка "Все"?
Да. Все категории Текст в разделе Настройки устанавливает его, так что вы можете использовать “All work”, “Shop all” или что-либо еще, что подходит для страницы.
Галерея имеет большую нагрузку или нумерацию страниц?
Нет. каждый элемент отображается со страницей. Сохраните наборы в размере, который удобно загружается, или разделите большой архив на несколько страниц.
Будет ли галерея работать на мобильном?
Да, сетка перепотоки и кнопки фильтра обернуть Помните, что значение Столбцы применяется к каждому размеру экрана, поэтому выберите число, которое все еще хорошо читается на телефоне.
Заключительные мысли
На Elementor Pro виджет Галерея доставит вас туда, и вы ничего не установите. при бесплатной установке это делает виджет-аддон, а поле "Фильтр-метка" имеет преимущество для всех, чья работа попадает более чем в одну категорию.
Какой бы маршрут вы ни выбрали, потратьте время на названия категорий. Четыре четкие категории сокращают сетку до того, за чем пришел посетитель; девять расплывчатых просто перемещают проблему в панель фильтра.
Связанное чтение
