Всем привет, сегодня я расскажу и покажу как интегрировать свой профиль в инстаграм с сайтом на системе 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
Здесь вам нужно скопировать шорткод для отображения фотографий инстаграм.
Шорткод можно вставить на страницу, в запись, либо через виджет Текст.
На этом всё, на самом деле плагин очень простой и легко настраивается, если у вас остались вопросы, то я жду ваших комментариев. До новых встреч!
Я только что скачала и устанавливаю этот плагин. Там написано, что плагин обновляется с 1 июня. странно, так как сам инстаграм уже обнавлён.
Just installed the plugin? You can ignore this notice and hide it using the ‘Dismiss’ button in the top right corner.
Just updated the plugin? Due to the upcoming Instagram API changes, in order for the Instagram Feed plugin to continue working after June 1st you must obtain a new Access Token by using the Instagram button on the plugin’s
ерунда какая то, меня нет среди Instagram ID пользователя. брррр)
Спасибо Вашей статье, Илья, почти разобралась…)))
Почему ‘Load More’ Button и ‘Follow on Instagram’ Button повторяются 3 раза? как убрать и оставить только один раз?
СпасибА !
Как включить сжатие изображений в этом виджете?