Что и Как

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

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

 

screenshot-1_mini

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

 

18-12-2015 14-45-27_mini

 

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

 

18-12-2015 17-35-50_mini

 

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

 

18-12-2015 17-42-37_mini

 

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

 

18-12-2015 17-44-03_mini

 

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

 

18-12-2015 18-01-18_mini

 

Настройки:

— 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

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

 

18-12-2015 18-29-08_mini

 

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

 

18-12-2015 19-04-17_mini 18-12-2015 19-05-35_mini

 

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

 



СМОТРИ ТАКЖЕ