Як створити галерею на wordpress без плагінів

Вітаю вас, Новомосковсктелі мого блогу!

Галерею ми будемо створювати без установки додаткових плагінів, тільки засобами движка WordPress.

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

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

Я візьму для прикладу сторінку мого тестового сайту і розміщу галерею на головній сторінці. Отже, переходимо до редагування сторінки, знаходимо місце куди будемо розміщувати нашу галерею і ставимо в це місце курсор миші. Далі тиснемо на кнопку «Додати мультимедійний»

Далі вибираємо пункт «Створити галерею». Це важливий момент, тому що за замовчуванням йде додавання одиночного медіа файлу.

Після цього у нас два варіанти:

1. Створити галерею з тих зображень, що вже завантажені в нашу бібліотеку файлів;

2. Завантаження нових файлів.

Оскільки у мене в бібліотеці файлів немає, я буду завантажувати нові, тому тиснемо на кнопку «Завантажити файли», потім тиснемо на кнопку «Виберіть файли». Знаходимо на комп'ютері потрібні зображення, вибираємо їх (можна виділити відразу всі) і тиснемо кнопку «Відкрити».

Я підготував заздалегідь 4 зображення автомобілів.

Наші зображення завантажилися. Тут я виділив цифрами 3 важливих моменти:

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

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

2. Зображення обведене в синю рамку і позначене синьою галочкою активне. Це означає, що ми можемо редагувати параметри даного зображення. Ви можете перемикатися між зображеннями і змінювати параметри кожного з них.

3. Кнопка «Створити нову галерею». Після того як всі налаштування зроблені, ви можете натиснути на неї, щоб завершити створення галереї.

Налаштування галереї на WordPress

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

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

2. Натискаючи на хрестик над зображенням, ви можете виключити його з галереї.

3. Блок з настройками галереї:

Нас більше цікавить варіант «Медіафайл». Якщо ми виберемо його, то при натисканні по мініатюрі з галереї зображень відкриється збільшена копія нашої картинки.

Якщо поставити варіант «Ні», то при натисканні на зображення нічого відбуватися не буде.

Другий параметр - кількість колонок. Тут ми можемо вибрати скільки колонок буде в нашій галереї. Я не можу сказати яка кількість потрібно вибрати, тут вам потрібно самостійно поекспериментувати і вибрати відповідний для вас варіант. Давайте поки залишимо 3, а далі подивимося.

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

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

Четвертий параметр - розмір. Тут є 4 варіанти: мініатюра, середній, великий і повний. Тут знову ж вибирайте на ваш розсуд. Зазвичай розміри «великий» і «повний» не використовуються. Спробуйте варіанти «мініатюра» і «середній» і підберіть той варіант, який вам підходить. Я залишу варіант «мініатюра».

4. Кнопка «Вставити галерею». Після того як всі налаштування зроблені, натискаємо її.

Наша галерея розмістилася в тексті сторінки. Не забудьте після редагування сторінки натиснути кнопку «Оновити»

Після цього переходимо на сторінку, яку редагували і дивимося, що у нас вийшло. Галерея готова!

Покращуємо галерею на WordPress

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

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

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

Якщо ви не знаєте як це зробити, прочитайте мою статтю «Що таке Модулі WordPress і як їх встановлювати».

Після встановлення плагіну Fancybox поновіть сторінку з галереєю і подивіться як тепер відображаються зображення при натисканні.

Погодьтеся стало набагато зручніше переглядати картинки з галереї.

Тепер давайте розглянемо ще одне важливе питання.

Як редагувати галерею на WordPress.

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

Іконка в вигляді олівця - це редагування, натискаємо по ній і переходимо до налаштувань галереї. Міняємо те, що нам потрібно і тиснемо кнопку «Оновити галерею». Після цього не забудьте оновити редаговану запис або сторінку. Галерея була поновлена.

Ось так легко і просто можна створити галерею на WordPress.