WP Media Folder: Галереи WordPress из папки

1. Создайте галерею

В WordPress есть встроенная функция галереи. Мы решили улучшить эту функцию, используя папки. Вы сможете создавать галереи из папок или из выбранных изображений. Если вы используете редактор Gutenberg, разделу 6. Блок галереи в Gutenberg

Если вы откроете папку или выберете изображение, вы увидите кнопку « Создать галерею из папки». После создания галереи у вас появится несколько новых опций в дополнение к стандартным опциям WordPress, таким как:

• Тема галереи: оформление галереи
• Столбцы: несколько столбцов для темы
• Размер миниатюр изображений в галерее: выбор из стандартных настроек изменения размера изображений WordPress.
• изображения в лайтбоксе галереи (большой).
• Действие при щелчке по изображению: открыть лайтбокс, загрузить отдельную страницу, ничего не делать или создать пользовательскую ссылку (ссылку также можно выбрать, щелкнув по отдельному изображению).

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

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

— Чтобы использовать шорткод галереи, перейдите в Настройки > WP Media Folder > Галерея WordPress > вкладка Шорткод . После выбора параметров вы увидите шорткод внизу страницы.

Вот пример короткого кода:

[gallery wpmf_autoinsert="1" wpmf_folder_id="8" display="default" columns="3" size="medium" targetsize="large" link="file" wpmf_orderby="post__in" wpmf_order="ASC" gutterwidth="10" border_style="solid" img_border_radius="10" border_width="1" border_color="#dd3333" img_shadow="1px 1px 10px 2px #cecece" autoplay="1"]

- Атрибуты:

+ 'wpmf_autoinsert': 1,
+ 'wpmf_folder_id': ID папки,
+ 'display': default || slider || portfolio || masonry ,
+ 'columns': 1 -> 9,
+ 'size': размер изображения,
+ 'targetsize': размер изображения в лайтбоксе,
+ 'link': file || post || none || custom, // используйте 'file', если хотите отображать лайтбокс при щелчке по изображению
+ 'wpmf_orderby': post__in || rand || title || date,
+ 'wpmf_order': ASC || DESC,
+ 'gutterwidth': отступ между изображениями (px),
+ 'border_style': solid || dotted || пунктирная, ....
+ img_border_radius (px), border_width (px), border_color,
+ img_shadow: тень включает смещение по горизонтали, смещение по вертикали, размытие, разброс (px) и цвет,
+ 'autoplay': 1 || 0 // слайдер автовоспроизведения,
+ 'include_children': 1 || 0 // включение изображений из подпапок

2. Добавьте пользовательские ссылки к изображениям в галерее

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

При редактировании галерей щелкните по изображению и посмотрите на параметры в правом столбце.

С помощью стандартного менеджера ссылок WordPress вы можете задать внутреннюю или внешнюю ссылку на это изображение. Вы также сможете указать целевую область, где ссылка будет открываться — в том же окне или в новом окне (новой вкладке).

3. Тематика галереи

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

В Masonry будет представлена ​​стена из изображений фиксированной ширины и изменяющейся высоты.

Тема оформления «Портфолио» — это стильная галерея с эффектами при наведении курсора, заголовками и подписями.

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

4. Параметры изображения

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

• В зависимости от выбранной вами темы, в галерее могут отображаться заголовок и подпись
• Менеджер ссылок WordPress поможет вам, например, добавлять лайтбоксы к изображениям или создавать пользовательские ссылки на отдельные изображения в галерее
• Параметр «Цель ссылки» позволяет определить, будет ли ссылка загружена в том же окне или в новом

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

• Индивидуальный заказ
• Случайный порядок
• Название
• Дата

5. Импортер галереи NextGEN

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

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

6. Галерейный блок в Гутенберге

Теперь вы можете отображать свои галереи в редакторе Gutenberg.

Чтобы отобразить галерею в редакторе Gutenberg, нажмите WP Media Folder Gallery» в WP Media Folder . После этого выберите папку из вашего медиафайла и нажмите «Создать галерею» . Кроме того, вы можете создать собственную галерею, выбрав изображения из вашей медиатеки или загрузив их напрямую с вашего компьютера.

Затем вы можете отредактировать галерею, нажав «Редактировать галерею» вверху, или добавить больше изображений, нажав «Загрузить изображение» внизу.

Все настройки галереи находятся на правой панели; например: тема, выбор папок, столбцы, лайтбокс, порядок отображения, обновление содержимого папок и т.д.

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