Галерея фото из Instagram

воскресенье, июня 03, 2018 Nata 0 Comments

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

Для галереи у меня был выбран виджет с сайта 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. Регистрация здесь осуществляется через логин/емейл или форму фейсбука. Настройки виджета в бесплатной версии весьма скромные.

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

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