Вставляем виджет instagram на сайт wordpress

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

Давайте разберёмся как установить instagram на сайт wordpress. Специально для написания данного поста я завёл себе акк на инсте. На фотки что в неё не обращаем внимания, т.к. я загрузил их исключительно для примера, хотя кто знает, может буду пользоваться им и дальше)

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

После установки плагина инсты у нас в админке сайта в правой части внизу появился соотвествующий пункт WD instagram feed. Заходим в него в раздел фиды.

Теперь нам нужно «подружить» ваш вордпресс сайт с instagram. В разделе фиды нажимаем на sign in with instagram. Разумеется вы уже должны быть авторизованы в инсте, т.к. данный плагин подтягивает оттуда ваш логин с паролем и токен доступа. Что такое токен доступа — в данном случае просто не заморачивайтесь, он вставится сам в нужное поле. В общем смело жмём sign in with instagram, проделываем по цепочке пару шагов и сохраняемся.

Далее снова идём в раздел фиды и выбираем нужный вид нашего виджета. В бесплатном варианте выбираем первый, то есть thumbnail (это если вставить в страницу, второй больше подходит для виджета, но не всегда). В поле название фида пишем что хочем или же оставляем как есть.

В поле Имена пользователей и хештеги добавляем или хештег или в большинстве случаев это имя пользователя, то есть ваш логин. Листаем дальше внизу и выбираем количество загружаемых фото, количество колонок и количество отображаемых фото. Я в данном случае везде поставил 5, т.к. не хочу растягивать свою страницу. Но если ваш проект связан с фотками, то большее количество будет только на пользу. Ну и сохранямся.

На выходе мы получаем шорткод.

Данный шорткод мы вставляем в нужное место на вашей странице или записи ну или же в сайдбар.

Я вставил в этот пост и получил вот такую галерею

Экспериментируйте с настройками. Если данный плагин вам не нравится, попробуйте другие. Они все более-менее одинаковые в настройках.

Итак, сегодня мы разобрали как установить виджет instagram на сайт wordpress. Надеюсь этот пост оказался вам полезен. Не забываем делиться постами в соцсетях и подписываться на обновления.

С уважением, фрилансер-вебмастер Александр Шульгинов