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

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

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

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

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

galery111

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

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

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

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

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

Шаг 1

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

galery8

Шаг 2

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

galery6

Шаг 3

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

galery7

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

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

galery10

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

galery9

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

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

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

   3 голоса
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
3 комментария
  1. Очень полезные функции для галереи, особенно подписи. Думаю, теперь этой функцией пользователи будут активнее пользоваться.

  2. Галерея это отдельный приятный разговор *IN LOVE*
    Очень понравилась, что можно самой выбирать количество. А так же подписи на фото 8)

Комментарии в Фейсбук
Комментарии в Вконтакте