Як створити фотогалерею в WordPress?

Як створити фотогалерею в WordPress?

Ви, напевно, помітили, що редактор WordPress виглядає зовсім по-іншому. Створення веб-сайту кардинально змінилося, починаючи з WordPress 5. Створення галереї зображень у WordPress також змінилося. Тепер є ще одна чудова новина - після оновлення системи до WP 5.3 в редакторі з'явилися нові функції. Наприклад, ви можете помітити значні зміни, пов'язані з галереєю зображень WordPress.

Сьогодні ми поговоримо про ці нові зміни. Ми покажемо вам, як працювати з новими функціями для досягнення найкращих цілей. Робота з галереєю WordPress в нашому Теми для фотографій WordPress тепер зручніше, ніж будь-коли.

У цьому блозі ми також розповімо про це:

Якщо ви все ще використовуєте стару версію WordPress або застарілу тему, ми рекомендуємо вам встановити найновішу версію, щоб мати можливість працювати з новим редактором блоків.

Додавання галереї зображень WordPress через блок Галерея

Додавання галереї в новому редакторі WordPress стало набагато простішим, ніж раніше. Ви можете легко створити галерею за допомогою блоку "Галерея". Це блок, реалізований прямо в ядрі WordPress, і ви отримуєте його автоматично в WordPress версії 5.0 або вище.

1. Галерею можна додати до постів і сторінок. Перш за все, ви вирішуєте, куди ви хочете додати блок галереї WordPress.

2. Натисніть на "+" у верхній панелі або праворуч у контенті. Потім виберіть "Блок галереї"

Додати галерею, натиснувши на "+"
Додавання блоку галереї WordPress за допомогою кнопки "+"

Ви також можете знайти будь-який блок за допомогою пошукового рядка. Просто напишіть "галерея".

Додати галерею через рядок пошуку
Додавання блоку галереї WordPress через рядок пошуку

Блоки також можна знайти за допомогою косої риски "/". Ви отримаєте список доступних блоків, просто почніть писати "gallery".

Додавання галереї за допомогою слешу
Додавання блоку галереї WordPress за допомогою косої риски "/"

Як додати зображення

Вставка зображень - після створення блоку "Галерея" ви можете завантажити нові зображення, вибрати декілька одразу або скористатися медіатекою.

Екран параметрів завантаження зображень
Всі доступні варіанти завантаження зображень

Медіатека працює так само, як і в попередніх версіях WordPress. Ви можете знайти там зображення, які ви вже завантажували раніше.

3. Готово. Ваша нова галерея готова.

Завершено галерею WordPress на фронтенді
Вітрина створеної галереї

Ви можете ознайомитися з нашою новою темою Citadela, яка дозволяє працювати з галереями таким чином.

Редагуйте свою галерею

WordPress 5.0 і новіші версії покращили не лише додавання, але й редагування галерей. Новий редактор WordPress виглядає зовсім інакше у порівнянні зі старим редактором. Якщо ви хочете відредагувати блок галереї, виберіть його мишкою. Ви побачите верхню панель інструментів і бічне меню для налаштувань галереї.

Частину налаштувань можна знайти на панелі інструментів блоку "Галерея", а інші - на бічній панелі праворуч. Спочатку це може здатися трохи складним, але після короткого часу роботи з новим редактором WordPress ви побачите всі можливості. Ви можете вставити блок "Галерея", а потім легко редагувати його. Переваги полягають, головним чином, у різноманітних налаштуваннях і спрощеному адмініструванні зображень галереї.

Розташування зображень у галереї зображень WordPress (починаючи з WP 5.0)

Першою зміною, яку приніс WordPress 5, стало більш плавне додавання, видалення та зміна порядку зображень через блок "Галерея WordPress". Після натискання на іконку "Редагувати галерею" з'являлося спливаюче вікно, в якому ви могли змінювати порядок зображень за допомогою перетягування.

Зміна порядку зображень у галереї
Легка зміна порядку зображень у галереї за допомогою перетягування у WP 5

Відсутнє спливаюче вікно в WordPress 5.3

Якщо ваш WordPress оновлено до версії 5.3, спосіб зміни порядку зображень зміниться. Іконка "Редагувати галерею" тепер відсутня, так само як і модальне вікно для редагування. Якщо ви хочете змінити порядок фотографій, ви можете зробити це безпосередньо з області контенту (у блоці Галерея WordPress).

Нова функція у фотогалереї WordPress: Вбудований порядок зображень

Корисно, що ви можете впорядковувати зображення прямо зі вставленого блоку "Галерея". Більше не потрібно переходити до модального вікна. Починаючи з WordPress 5.3, вам потрібно вибрати зображення, яке ви хочете перемістити. Тоді в його лівому кутку з'являться стрілки. Натисніть на стрілку вперед або назад, і зображення переміститься.

Щоб змінити порядок галереї, ви не можете схопити перше зображення і переміститися в кінець галереї. Вам потрібно натиснути на стрілку і пройти одну позицію за іншою.

Щоб видалити будь-яке зображення, потрібно робити це також по черзі. Виберіть одне і перейдіть у правий верхній кут. Натисніть кнопку "x", щоб видалити зображення з галереї - воно залишиться у вашій медіатеці.

Галерея зображень Wordpress
Перегрупування зображень у галереї зображень WordPress

А як щодо перетягування порядку, доступного в WP 5.0?

Ця функція не підтримується в поточній версії. Замість неї потрібно використовувати стрілки (але це також зручний спосіб редагування галереї зображень WordPress). Однак, за нашою інформацією, розробники WordPress розглядають можливість підтримки drag & drop в найближчому майбутньому.

Права бічна панель Налаштування Зображення

Виберіть кількість колонок для вашої галереї. Зображення можна прив'язати до медіафайлу, що призведе до відкриття зображення у лайтбоксі. Якщо у вас є зображення різних розмірів, ви можете використовувати функцію Обрізати зображення, щоб зробити їх однаковими. Розміри для функції "Обрізати зображення" беруться з найменшого зображення.

Зміна кількості колонок у налаштуваннях галереї
Зміна кількості стовпців за допомогою повзунка

Адміністрування зображень у блоках галереї стало простішим і швидшим, ніж у попередніх версіях WordPress. Блок галереї також можна впорядкувати, тобто перетягнути його в будь-яке місце контенту між іншими блоками.

Розташування та вирівнювання галереї зображень

Зображення та галерею можна вирівняти. У верхній частині блоку Галерея є панель інструментів з різними опціями. Ви можете змінити там, наприклад, вирівнювання галереї або зробити галерею видимою на всю ширину контенту. Пограйтеся з налаштуваннями. Додайте більше тексту або зображень, щоб ваш сайт виглядав краще.

Вирівнювання галереї
Зміна положення та вирівнювання галереї

Додано нову функцію автоматичного збереження

Це дуже корисна функція, яка з'явилася в постах і сторінках WordPress після оновлення платформи до актуальної версії 5.3. Раніше вам доводилося вручну зберігати додані дані в чернетці або опублікованому контенті, тепер система зробить це сама. Функція автозбереження гарантує, що ви не втратите жодних змін, якщо ваше інтернет-з'єднання обірветься.

Як додати підпис до галереї зображень WordPress

Додавання підписів до зображень галереї ще ніколи не було таким простим. Якщо ви пам'ятаєте, в попередніх версіях WordPress вам доводилося редагувати кожен підпис окремо в налаштуваннях редагування зображень. Тепер ви можете додавати підписи до зображень прямо всередині зображень. Просто натисніть на нижню частину зображення і напишіть підпис. І все.

Підписи до зображень у галереї
Додавайте підписи безпосередньо до зображень

Крім того, в останньому оновленні з'явилася ще одна додаткова опція для підписів. Тепер можна вводити підпис не лише до окремих зображень, але й до всього блоку "Галерея". Ви можете знайти цю опцію під вставленими зображеннями всередині блоку. Там з'явився заповнювач "Напишіть підпис до галереї..." внизу.

Додаткова підказка: Як додати галерею в колонки

Як ми вже згадували вище, ви можете додавати галерею зображень WordPress до постів і сторінок. Ви можете створити блок "Галерея" окремо. Ви також можете додати його в блок "Колонки" разом з іншими блоками WordPress.

Будьте обережні, граючись з кількістю колонок. Зменшення їх кількості призведе до видалення створеної галереї.

Остання порада: переключити фотогалерею на зображення дуже просто. Перейдіть до верхнього меню панелі інструментів і натисніть на першу іконку. Зображення галереї будуть розділені на одне зображення під іншим.

Ви фотограф? Погляньте на нашу добірку найкращих Теми WordPress для фотографів. Ці теми містять усе необхідне для того, щоб ви могли розпочати роботу з галереєю вашого веб-сайту на WordPress.