Зображення – безцінний інструмент будь-якого авторського контенту. Вони допомагають читачам краще візуалізувати предмет, про який читають пост, і роблять контент візуальнішим, додаючи барвисті вставки в потоці тексту.
У сьогоднішній статті покажемо, як використовувати популярний плагін NextGEN для створення та вставки галерей у контент вашого сайту за допомогою редактора блоків. І як використовувати основний блок редактора блоків WordPress для вставки простої галереї без використання плагіна.
Плагін NextGEN
NextGEN Gallery існує з 2007 року і має понад 800 тисяч активних установок, що робить її одним із найпопулярніших плагінів для WordPress. Плагін пропонує повну систему управління галереями, від завантаження зображень та імпорту метаданих до сортування та групування фотографій. Галереї можна представити у різних макетах, з лайтбоксами, переходами, стилями та іншими опціями.
Встановлення
Безкоштовна версія плагіна, яку ми будемо використовувати у цьому посібнику, доступна у каталозі плагінів WordPress, що спрощує встановлення. Просто перейдіть до Плагіни> Додати новий і знайдіть NextGen галерея з повернутих результатів у рядку пошуку, натисніть Встановлювати на картці плагіна, а потім активувати.
Параметри плагіна
Після активації плагіна буде запропоновано погодитись на збір даних для покращення продукту. Потім вас перенаправлять на вкладку огляду налаштувань плагіна.
Тут же можна подивитися вступне відео, яке допоможе почати роботу і дізнатися більше про професійну версію плагіна та його творців. Інші налаштування плагіна дозволяють створювати медіагалереї, альбоми та теги зображень та керувати ними.
На вкладці Налаштування знаходяться глобальні параметри для ескізів, слайд-шоу та багато іншого. Тут можна настроїти такі параметри, як зображення на сторінці, стовпці галереї, час слайд-шоу, автовідтворення, розбиття на сторінки AJAX, хлібні крихти альбомів та інші, і вони будуть застосовуватися за умовчанням до всіх нових медіагалерей та альбомів.
На вкладці інші параметри ви можете налаштувати розмір мініатюр, тип лайтбоксу, встановити водяний знак, додати власний CSS і багато іншого.
Після завершення початкового налаштування плагіна можна розпочати створення своєї першої галереї.
Дивіться також:
Як створити слайдер у редакторі блоків за допомогою плагіна Smart Slider 3
Створення галереї
Почнемо зі створення нового посту.
У засобі вставки блоків можна просто знайти і клацнути блок галереї NextGEN в результатах видачі.
Після того, як блок вставлено, натисніть кнопку, щоб додати.
Вам буде представлено спливаюче вікно, з якого можна вставляти медіагалереї на сторінку. Нині ми не маємо галерей, тому перейдемо на вкладку ЗАВАНТАЖИТИ ЗОБРАЖЕННЯ, використовуючи меню зліва, щоб створити галерею з деякими зображеннями.
Тут з'являється можливість завантажувати зображення безпосередньо до нової галереї, імпортувати з медіатеки або імпортувати зображення з папки. Ми збираємося вибрати другий варіант та імпортувати з медіагалереї.
Почніть з присвоєння галереї назви, а потім натисніть кнопку «Вибрати зображення». Ви побачите знайоме спливаюче вікно медіа-менеджера, в якому можна вибрати зображення для імпорту в медіагалерею.
Після завершення процедури імпорту на екрані з'явиться повідомлення, в якому можна повернутися на вкладку ВСТАВИТИ НА СТОРІНКУ.
Тепер, коли ви створили свою першу галерею, виберіть її зі списку, що розкривається. Якщо потрібно перевизначити будь-які глобальні параметри відображення, зробіть це на вкладці НАЛАШТУВАННЯ ЕКРАНИХ УСТАНОВОК.
Коли ви закінчите налаштування зовнішнього вигляду галереї, натисніть кнопку ВСТАВИТИ.
Ваша медіагалерея успішно створена та додана до контенту. Якщо ви бажаєте внести будь-які зміни в останню хвилину перед публікацією, натисніть кнопку ЗМІНИТИ, щоб повернутися до спливаючого вікна керування галереєю. А якщо ні, то опублікуйте свій пост і перевірте свою нову галерею.
Основний блок для галереї WordPress
Редактор блоків WordPress також пропонує спосіб вбудовувати у ваш контент базові галереї. Основний блок призначений для того, щоб швидко об'єднати деякі зображення в медіагалерею та додати їх до контенту. У ньому відсутні всі розширені функції керування галереєю, різні макети, лайтбокси та інші елементи, що постачаються з NextGEN. Добре, якщо вам достатньо вставити в пост просто галерею.
Щоб додати основний блок, знайдіть галерею у засобі вставки блоків та виберіть її.
Після додавання блоку клацніть, щоб завантажити зображення, або додайте їх з медіабібліотеки. Обидві процедури виконуються через знайомий інтерфейс медіа-менеджера WordPress. Коли закінчите, вставте вибрані з бібліотеки зображення.
Після додавання зображень ви можете налаштувати кількість колонок у блоці, чи обрізати зображення, вказати, куди вони будуть посилатися при натисканні, і, нарешті, розмір зображення і все – тут не так багато варіантів. Опублікуйте або оновіть пост і перевірте його.
У цьому ви дізналися про два способи додавання галерей до нашого контенту. Один з дуже універсальним і комплексним інструментом управління галереєю, плагін NextGEN, а інший з основним блоком WordPress. NextGEN дозволяє класифікувати зображення в галереях, альбомах та групувати їх за допомогою тегів, повторно використовувати одні й ті самі галереї у кількох постах. Плагін пропонує різні макети галереї, індивідуальний стиль, лайтбокси та багато іншого. Якщо ви шукаєте комплексне рішення, цей плагін обов'язково варто спробувати. З іншого боку, якщо потрібно додати кілька зображень до контенту, можливо, буде достатньо і основного блоку WordPress.
Джерело: www.cssigniter.com
Коментарі до запису: 0