Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

Галерея NextGEN

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

У сьогоднішній статті покажемо, як використовувати популярний плагін NextGEN для створення та вставки галерей у контент вашого сайту за допомогою редактора блоків. І як використовувати основний блок редактора блоків WordPress для вставки простої галереї без використання плагіна.

Плагін NextGEN

NextGEN Gallery існує з 2007 року і має понад 800 тисяч активних установок, що робить її одним із найпопулярніших плагінів для WordPress. Плагін пропонує повну систему управління галереями, від завантаження зображень та імпорту метаданих до сортування та групування фотографій. Галереї можна представити у різних макетах, з лайтбоксами, переходами, стилями та іншими опціями.

Встановлення

Безкоштовна версія плагіна, яку ми будемо використовувати у цьому посібнику, доступна у каталозі плагінів WordPress, що спрощує встановлення. Просто перейдіть до Плагіни> Додати новий і знайдіть NextGen галерея з повернутих результатів у рядку пошуку, натисніть Встановлювати на картці плагіна, а потім активувати.

Параметри плагіна

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

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

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

Після завершення початкового налаштування плагіна можна розпочати створення своєї першої галереї.

Дивіться також:

Як створити слайдер у редакторі блоків за допомогою плагіна Smart Slider 3

Створення галереї

Почнемо зі створення нового посту.

Новая запись

У засобі вставки блоків можна просто знайти і клацнути блок галереї NextGEN в результатах видачі.

Бблок галереї

Після того, як блок вставлено, натисніть кнопку, щоб додати.

Як настроїти галерею NextGEN у блочному редакторі

Вам буде представлено спливаюче вікно, з якого можна вставляти медіагалереї на сторінку. Нині ми не маємо галерей, тому перейдемо на вкладку ЗАВАНТАЖИТИ ЗОБРАЖЕННЯ, використовуючи меню зліва, щоб створити галерею з деякими зображеннями.

Вкладка завантаження зображень

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

Імпорт медіа

Почніть з присвоєння галереї назви, а потім натисніть кнопку «Вибрати зображення». Ви побачите знайоме спливаюче вікно медіа-менеджера, в якому можна вибрати зображення для імпорту в медіагалерею.

Зображення для імпорту

Після завершення процедури імпорту на екрані з'явиться повідомлення, в якому можна повернутися на вкладку ВСТАВИТИ НА СТОРІНКУ.

Вставка на сторінку

Тепер, коли ви створили свою першу галерею, виберіть її зі списку, що розкривається. Якщо потрібно перевизначити будь-які глобальні параметри відображення, зробіть це на вкладці НАЛАШТУВАННЯ ЕКРАНИХ УСТАНОВОК.

Скрин налаштування екранних установок

Коли ви закінчите налаштування зовнішнього вигляду галереї, натисніть кнопку ВСТАВИТИ.

Вставка галереї

Ваша медіагалерея успішно створена та додана до контенту. Якщо ви бажаєте внести будь-які зміни в останню хвилину перед публікацією, натисніть кнопку ЗМІНИТИ, щоб повернутися до спливаючого вікна керування галереєю. А якщо ні, то опублікуйте свій пост і перевірте свою нову галерею.

Публікація запису

Основний блок для галереї WordPress

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

Щоб додати основний блок, знайдіть галерею у засобі вставки блоків та виберіть її.

Вставка блоків

Вибір галереї

Після додавання блоку клацніть, щоб завантажити зображення, або додайте їх з медіабібліотеки. Обидві процедури виконуються через знайомий інтерфейс медіа-менеджера WordPress. Коли закінчите, вставте вибрані з бібліотеки зображення.

Бібліотека зображень

Після додавання зображень ви можете налаштувати кількість колонок у блоці, чи обрізати зображення, вказати, куди вони будуть посилатися при натисканні, і, нарешті, розмір зображення і все – тут не так багато варіантів. Опублікуйте або оновіть пост і перевірте його.

Публікація запису

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

Джерело: www.cssigniter.com

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 0

Додати коментар або відгук