Як створювати галереї зображень та відео за допомогою WP Media Folder та редактора Gutenberg

Якщо ви тут, то це тому, що у вас є багато відео та зображень, які ви хочете показати на своїй сторінці WordPress, і ви не знаєте, як їх показати, але не хвилюйтеся, тут ви дізнаєтеся, як створювати галереї зображень та відео за допомогою цього чудового плагіна, який є WP Media Folder у редакторі Gutenberg.

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

Так само просто, як створити галерею з папки медіа

WP Media Folder дозволяє створювати папки у вашій бібліотеці медіа і ми називаємо це «Медіа Папки», тому так, створення галерей може бути настільки ж простим, як створення цих медіа папок і ви побачите, як легко створювати ці папки.

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

Тепер ліворуч ви зможете побачити опцію створення нової папки, тому натисніть на неї і введіть ім'я вашої нової папки, для цього підручника ми назвемо її «Чудова випадкова галерея» і натисніть на Створити.

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

У теці під назвою «Медіатека», що знаходиться вище за ту, яку ми створили, містяться всі файли, які ми завантажили на наш сайт раніше.

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

Тепер зображення мають бути у вашій новій папці.

І це все для створення папки, ви можете додати всі зображення, які хочете (Майте на увазі, що якщо у вас є деякі з цих опублікованих зображень, вони не будуть змінені), тому давайте перейдемо до створення галереї з папки медіа, якщо у вас є додаток галереї, ви можете перейти до “Галереї медіа-папок” у розділі медіа-бібліотеки на панелі адміністратора.

На цій панелі ви зможете створювати галереї та керувати всіма своїми галереями, оскільки ми хочемо створити галерею з папки, натисніть на «Галерея з папки».

Клацніть на папку, яку ми хочемо перетворити на галерею, тему, яку ми хочемо використовувати, і нарешті клацніть на «Створити».

Ми будемо використовувати галерею із додатка галереї під назвою “Flow Slide”.

Тепер, коли ми створили галерею, ми можемо змінити її та встановити різні параметри, такі як кількість зображень на сторінці.

Перевірте, що ми також можемо завантажувати зображення на цій панелі керування з WordPress і з вашого комп'ютера, в іншому розділі “Налаштування відображення галереї” ми можемо встановити решту параметрів, ми також можемо змінити тему, тому налаштуйте її і натисніть на “Зберегти”.

Це все… Ви бачили, як легко створити галерею з папки? Тепер вам просто потрібно опублікувати її, і ви можете зробити це за допомогою редактора Gutenberg, тому давайте перейдемо до створення публікації, перейшовши до Публікації > Додати нову.

Тепер тут ви можете зробити дві речі, якщо у вас є додаток pro gallery, натисніть на + > WP Media Folder > Додаток галереї WPMF.

Натисніть на «Вибрати або Створити Галерею» і виберіть галерею, яку ми створили раніше, і натисніть на «вставити».

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

Інший спосіб опублікувати вашу галерею - додати блок «WP Media Gallery», просто натисніть на + > WP Media Folder > WP Media Folder Галерея.

Тепер натисніть на теку, яку ми створили раніше, і натисніть на «Створити галерею», у правій секції ви можете вибрати тему та параметри, для цього ми будемо використовувати слайдер галереї, тому давайте виберемо та натиснемо опублікувати.

І все, ви створили галерею зображень із папки.

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

Так, ми будемо створювати галерею YouTube, і так, це дійсно легко.

Перш за все, ми збираємося перейти до бібліотеки медіафайлів, щоб створити папку, тому перейдіть до Медіа > Бібліотека, на цій панелі ми можемо створити нову папку, ми назвемо її «Випадкова галерея YouTube».

Угорі, після бібліотеки медіафайлів, є кнопка під назвою «Додати новий», натисніть на неї, а потім натисніть на «Додати URL відео YouTube, Vimeo або Dailymotion», після чого ви зможете вставити посилання та додати відео і натиснути на «Завантажити».

Тепер, коли ми додали наші відео, ми повинні мати повну відео-папку.

Тепер ми перейдемо до Статті > Додати нову і натисніть на + > WP Media Folder > WP Media Folder Галерея.

Тепер натисніть на папку, яку ми створили раніше, і нарешті натисніть на «Створити галерею».

Тепер ви можете вибрати тему, яку хочете використовувати, для цього прикладу ми будемо використовувати Masonry і ви побачите, як чудово це виглядає.

Тепер натисніть «Опублікувати», і ваша галерея YouTube буде створена, так просто, чи не так? ;)

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

Галерея Vimeo у Gutenberg також можлива

Отже, ви не хочете використовувати YouTube і віддаєте перевагу використанню Vimeo, не хвилюйтеся, є також можливість створити галерею Vimeo, вам просто потрібно слідувати тому ж процесу, який ви пройшли, щоб створити галерею YouTube і опублікувати її, ви побачите вашу чудову галерею Vimeo ;).

Тепер ви можете побачити багато способів використання WP Media Folder, оскільки він не обмежується лише зображеннями, якщо ви є YouTuber, у вас є кілька відео на Vimeo, які ви хочете використовувати, або у вас є зображення у хмарному сховищі, такому як Google Drive, ви можете створити галерею з ними та показати її на своєму сайті WordPress, тому чого ви чекаєте? Продовжуйте та придбайте WP Media Folder тут