Галерея в wordpress з ефектом lightbox, створення галерея wordpress

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

Днями якраз постало завдання створення саме такої «простий галереї» + на очі потрапив невеликий англомовних мануал по ній. У підсумку все вилилося в дану статтю. До речі, тема про wordpress зображення на сторінках блогу піднімається не вперше, є що почитати, наприклад, вельми популярний об'ємний пост про корисні wordpress плагинах зображень. з якого я завжди починаю пошук рішення, якщо мова йде про картинках і галереях.

Власне найпопулярнішим модулем для створення простої wordpress галереї є NextGEN Gallery, але не завжди його застосування обов'язково. Якщо вам потрібно отримати щось на зразок:

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

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

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

У вікні, що за замовчуванням буде відкрита вкладка завантаження зображень з локального комп'ютера, що нам, в принципі, і потрібно. Там же буде кнопка «Виберіть файли» для того щоб вказати і вибрати які картинки хочете завантажити:

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

У нашому випадку можна просто вказати Alt і Title, після чого тиснемо кнопку «Зберегти всі зміни». Після цього ви відразу потрапите в закладку «Галерея». Тут і відбувається, по суті, створення галереї. Можна вказати деякі її параметри: порядок і варіант сортування, число стовпців, а також вказати куди саме ведуть посилання з картинок - на сторінку вкладень або саме зображення.

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

Ефект Lightbox для wordpress галереї

Далі в розділі «Параметри» з'явиться пункт Lightbox 2. де можна буде поставити деякі настройки для плагіна.

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

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

До речі, раніше я користувався плагіном Lightbox 2, який хоч і був актуальним до WordPress 2.9.2, справно працював на більш старших версіях. Новий WP Lightbox 2 сумісний з WordPress 3.0 - 4.1.1. Однак, з огляду на його простоту, думаю, він прослужить і для наступних оновлень системи. З іншого боку є досить альтернативних розробок, з яких завжди можна щось підібрати. Наприклад, бачив Lightbox 3 з більш новою версією скрипта Lightbox або, наприклад, розповідав про функціональний Lightbox Plus. Можна також спробувати підключити Lightbox 2 без плагіна.

Додатки по галереї wordpress

Є кілька моментів, які хотів доповнити з приводу галереї. Мініатюри використовують стандартних розмір зображень, вказаний в меню налаштувань «Параметри» - «Медіафайли». За замовчуванням це 150х150 пікселів, хоча ви можете поміняти на будь-яке інше значення.

Галерея в wordpress з ефектом lightbox, створення галерея wordpress

Далі, після того як галерея вже вставлена ​​в статтю, переходимо в режим HTML і знаходимо місце додавання галереї. Додаємо в код параметр exclude із зазначенням картинок, які потрібно виключити:

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

Для прикладу в кінці статті додаю створену по ходу невелику галерею. Ось так, по ідеї, все повинно виглядати.

Галерея в wordpress з ефектом lightbox, створення галерея wordpress
Галерея в wordpress з ефектом lightbox, створення галерея wordpress
Галерея в wordpress з ефектом lightbox, створення галерея wordpress

Галерея в wordpress з ефектом lightbox, створення галерея wordpress
Галерея в wordpress з ефектом lightbox, створення галерея wordpress
Галерея в wordpress з ефектом lightbox, створення галерея wordpress

P.S. Часто просування залежить від типу сайту. Дізнайтеся як розкрутити інтернет магазин на блозі компанії SEOinUA.

Сподобався пост? Підпишись на оновлення блогу по RSS. Email або twitter.

Схожі статті