Улучшение отображения галереи из фото в шаблоне 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 для формы обратной связи и формы для отправки отзывов.