Как создать галерею изображений с фильтром для фотографий

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

Создание галереи изображений в WordPress

Давайте начнем с начала, которое заключается в создании галереи с помощью нашей Медиа Библиотеки или локальных файлов и Менеджера Галереи из WP Media folder.

Обратите внимание, что мы будем использовать плагин WP Media folder и дополнение галереи WP Media folder для этого руководства.

Во-первых, давайте посмотрим, как создать галерею и заполнить её изображениями, для этого перейдите к Media > Media Folder Galleries

На этом экране нажмите на +Add New Gallery > Создать новую медиагалерею.

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

Вы можете выбрать тему, которая вам нужна, и ввести название вашей галереи изображений, затем нажмите Создать и всё! Наша пустая галерея создана.

Теперь давайте заполним галерею изображениями из медиатеки, чтобы сделать это, нажмите WordPress значок, который вы сможете увидеть на странице новой галереи.

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

Изображения будут загружены в наш Менеджер галереи с предварительным просмотром всех добавленных изображений.

Теперь давайте добавим изображение из наших локальных папок, чтобы сделать это, нажмите на значок папки.

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

Теперь у нас есть изображения, добавленные в нашу недавно созданную галерею, и это было действительно быстро! Разве не так?

Настройка фильтров для галереи WordPress

Теперь, когда наша галерея создана, мы можем приступить к её настройке, чтобы она выглядела так, как мы хотим; для этого у нас есть вкладка настроек, которая является Настройки отображения & Шорткод вкладкой.

На этом экране мы можем выбрать тему галереи и все возможные настройки, которые мы можем сделать для нашей галереи, чтобы она соответствовала нашему контенту.

Чтобы создать фильтры, нам нужно сейчас сосредоточиться на одном параметре, который является Теги изображений, включите его.

Когда это сделано, мы можем настроить галерею как хотим, а затем приступить к настройке тегов.

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

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

Теперь мы можем заполнить все изображения тегами, которые хотим использовать, чтобы они отображались на странице или в посте, где мы хотим их опубликовать.

В следующей части этого руководства мы сможем увидеть, как добавить галерею в наш контент и увидеть фильтры в действии.

Добавьте галереи изображений на страницу и в записи WordPress

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

Чтобы сделать это, перейдите к вашей записи или странице, или создайте ее, в этом случае мы будем использовать редактор Gutenberg, но WP Media Folder и его дополнение Gallery работают со всеми основными конструкторами страниц, а также имеют доступный шорткод, поэтому могут быть использованы везде.

После перехода в редактор страницы/записи, нажмите + кнопку, чтобы добавить блок и найти WP Media Folder и выберите WPMF Gallery Addon Block.

A block will load for the WP Media Folder Gallery addon that will open a modal with the gallery manager dashboard that we saw before, select the gallery that should be placed and finally, click on Insert.

Если мы включили теги изображений, галерея должна загрузиться с медиа-фильтрами, которые мы создали, добавляя теги изображений.

Также есть настройка, доступная при создании блока, которая позволит нам включить теги изображений в случае необходимости.

Теперь предварительный просмотр галереи изображений должен загрузиться в редакторе, поэтому все, что нам нужно сделать, это настроить его по нашему желанию и, наконец, опубликовать нашу страницу, наша галерея будет готова!

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

Создание галерей WordPress с использованием папок с медиафайлами

Если создание галерей уже было потрясающим, мы можем сказать, что это не все, что у нас есть с WP Media Folder , поскольку мы можем создавать папки в нашей медиа-библиотеке, чтобы организовать наши медиафайлы, а также создавать галереи на основе этих медиа-папок, давайте посмотрим, как это сделать!

После установки плагина вы сможете увидеть опцию ДОБАВИТЬ НОВУЮ ПАПКУ в медиа библиотеке.

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

Таким образом, мы сможем просто загружать изображения в нашу медиатеку, и галерея будет обновляться автоматически, звучит довольно круто, не правда ли?

Чтобы сделать это, перейдите к менеджеру галерей в разделе Media > Media Folder Gallery и нажмите +Add New Gallery > Quick Gallery from folder.

Появится модальное окно с доступными папками и подпапками, чтобы мы могли выбрать папку, которую будем использовать, задать тему и, наконец, нажать кнопку Создать.

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

Теперь все, что нам нужно сделать, чтобы галерея обновлялась при каждом добавлении изображения в папку, - это включить Автоматическое добавление изображения в папку .

И всё! все изображения будут автоматически добавлены в галерею, как по волшебству, здорово! Не правда ли?

Лучшие галереи с лучшим плагином папки WordPress

Мы смогли проверить только одну из всех удивительных функций, которые WP Media Folder предлагает для нашего сайта WordPress, и дополнительный намёк! У нас также есть хорошее видео, объясняющее весь этот процесс, если вы хотите проверить его ;)

Теперь все, что вам нужно сделать, это получить свою собственную копию здесь и ознакомиться со всеми замечательными функциями, которые предлагает WP Media Folder !