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

Для галереи у меня был выбран виджет с сайта https://lightwidget.com/ На сайте сть бесплатные и платные функции, лично мне бесплатного функционала вполне хватает. 

Итак, открываем сайт https://lightwidget.com/
Здесь сразу же доступна форма конструктора галереи:

Для пользования сервисом нужно залогиниться через кнопку "Log in with Instagram". При логине запрашивается доступ к фото и видео из вашего профиля инстаграма:

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

В поле "Type of widget" доступны три варианта: Grid, Slideshow, Columns (Pinterest style). Мне нужен Slodeshow.

Под формой две кнопки: "Preview" - генерирует виджет и справа показывает результат, кнопка "Get Code!" позволяет получить код виджета:

Копируем сгенерированный код в буфер обмена и дальше вставляем этот код в шаблон блога. У меня в дизайне блога для этой галереи есть специальный блок section-ads2:

Нажимаю "изменить" и вставляю код сюда:

На этом все. Сохраняем код, открываем блог и любуемся результатом.

Кстати, на сайте https://lightwidget.com/ хранятся все сгенерированные виджеты, их в любой момент можно посмотреть или исправить.

Еще пару слов про другой сервис, который я начала пробовать, но до конца не доделала, не понравилось.

Это сайт https://snapwidget.com. Регистрация здесь осуществляется через логин/емейл или форму фейсбука. Настройки виджета в бесплатной версии весьма скромные.

Виджет со скроллингом тоже есть:

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

Подробнее с библиотекой можно ознакомиться на сайте http://fancyapps.com/. Там же есть инструкция как галерею подключить на сайт. Однако, если у вас сайт сделан на Twitter Bootstrap, то придется кое-что переделывать.

Но, как правило, если тебе в голову что-то приходит, то уже наверняка есть где-то готовое решение. И сейчас это не исключение. На одном сайте была найдена статья с описанием того, как к Fancybox подключить стили отTwitter Bootstrap. Статья находится  здесь: http://bayguzin.ru/main/skriptyi/slajderyi/gallery-fancybox-bootstrap.html

Галерею можно подключить в двух вариантах. Первый - классическая галерея. Выглядеть на странице будет так:

Второй вариант - галерея «Masonry», при которой картинки разного размера выравниваются относительно бутстраповской сетки:

На сайте можно посмотреть демонстрацию работы таких вариантов галерей и скачать скрипты.