Интегрировать сайт wordpress с инстаграм

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

Плагин – Instagram Feed можно установить прямо из админ панели wordpress. Перейдите по вкладке: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

Чтобы настроить плагин, перейдите по вкладке: Instagram Feed. Далее вам нужно нажать на кнопку – Log in and get my Access Token and User ID, для получения маркера доступа и идентификатора пользователя.

После нажатия на кнопку, у вас откроется окно для авторизации в инстаграм, введите свои данные и нажмите на кнопку – Войти.

Затем нажмите на кнопку – Authorize.

После чего у вас автоматически сгенерируется маркер доступа и идентификатор пользователя, скопируйте их и вставьте в соответствующие поля внизу. (смотри скриншот) Сохраните настройки.

Настройки:

– Preserve settings when plugin is removed, если вы поставите галочку, то при удалении плагина все ваши настройки сохранятся.

– Are you using an Ajax powered theme, можно включить функцию Ajax навигации и обновления виджета.

Customize

– Width of Feed, ширина виджета.

– Height of Feed, высота виджета.

– Цвет фона, цвет фона галереи.

Photos

– Sort Photos By, тип сортировки фотографий. От новых к старым или случайно.

– Number of Photos, количество фотографий для отображения. Максимум 33.

– Number of Columns, сколько должно быть колонок в галереи ?

– Image Resolution, размер изображений, оставьте авто определение.

– Padding around Images, отступы вокруг изображений.

– Disable mobile layout, если поставите здесь галочку, то галерея инстаграм не будет адаптирована под мобильные устройства. Сохраните изменения.

Заголовок

– Show the Header, показывать заголовок.

– Цвет текста заголовка, выберите цвет.

‘Load More’ Button

– Show the ‘Load More’ button, показывать кнопку – Загрузить больше.

– Button Background Color, выберите цвет фона кнопки.

– Button Text Color, цвет текста кнопки.

– Button Text, укажите свой текст, Пример – Загрузить больше.

– Сохраните сделанные изменения.

‘Follow on Instagram’ Button

– Show the Follow button, показывать кнопку – Подписаться на Инстаграм.

– Button Background Color, цвет фона кнопки.

– Button Text Color, цвет текста кнопки.

– Button Text, укажите свой текст для кнопки. Пример – Подписаться на Инстаграм.

Display your Feed

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

Шорткод можно вставить на страницу, в запись, либо через виджет Текст.

На этом всё, на самом деле плагин очень простой и легко настраивается, если у вас остались вопросы, то я жду ваших комментариев. До новых встреч!