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

instagram-pobochnye-effekty-socialnoj-seti-2

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

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

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

2e06b4c9d3

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

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

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

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

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

e8a8f6bc1e

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

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

Something is wrong.
Instagram token error.
Еще...

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

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

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

 

 

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

Чтобы быть в курсе обновлений блога, новостей по вордпресс и сайтостроительству

3 комментария. Оставить новый

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Обо мне

Работаю с сайтами с 2010 года.
Более 500 выполненных проектов
Специализируюсь преимущественно на сайтах-визитках, блогах и небольших интернет магазинах.
Подробнее

Внимание! Получи бесплатно видеокурс!

Хостинг ХостиЯ


Меню