Улучшение отображения галереи из фото в шаблоне AB-Inspiration 6.0

Как вы знаете, в WordPress есть встроенный функционал для создания галереи из фотографий. В предыдущих версиях шаблона AB-Inspiration галерея выглядела однотипно. Можно было разместить только 4 фото в ряд маленького размера. Также не было возможности подписать фото в галерее.

Все эти недочеты я решила исправить в новой версии. И вот что из этого получилось.

1. В новой версии шаблона AB-Inspiration в отличие от предыдущих можно разместить фото 2, 3, 4, 5, 6, 7, 8 и даже 9 в ряд

Фотографии будут автоматически подстраиваться под размер в соответствии с количеством изображений в ряд.

2. В предыдущих версиях шаблона в галереи использовалась миниатюра размером 150/150 пикселей. Поскольку количество изображений в ряд было фиксировано (4), то размер изображения не имел значения. Сейчас же, в новой версии, размер может быть от 300 пикселей — если 2 изображения в ряд, до 65 пикселей — если 9 изображений в ряд.

Чтобы изображение не расплывалось при увеличении, но в тоже время было обрезано как миниатюра создавая квадратное изображение, пришлось внести в шаблон функцию, которая создает новый размер специально для галереи. Благодаря этой функции, изображение, которое вы загружаете автоматически обрезается создавая квадрат 300/300 пикселей. Это изображение мы и будем использовать в галерее.

Теперь, при создании галереи, в настройках галереи выбирайте размер «Фото для галереи».

Как вставить галерею в статью

Шаг 1

1. В редакторе нажать на кнопку «Добавить медиафайл»

Шаг 2

1. перейти в раздел «Создать галерею»
2. Загрузить файлы
3. Нажать на кнопку «Создать новую галерею»

Шаг 3

1. С поле ссылка выбрать «Медиафайл
2. В поле «Колонки» выбрать количество изображений в ряд
3. В поле «Размер» выбрать «Фото для галереи» — ВАЖНО!
4. Нажать на кнопку «Вставить галерею»

3. В предыдущих версиях шаблона очень не хватало подписи к изображениям в галерее. Теперь вы можете подписать фотографии и при наведении мышки на фото будет всплывать текст.

Подпись в настройках галереи

Подпись появляется при наведении мышки

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

В следующей статье я расскажу о нововведении в шаблоне AB-Inspiration — Recaptcha для формы обратной связи и формы для отправки отзывов.