Всем привет, сегодня я расскажу и покажу как интегрировать свой профиль в инстаграм с сайтом на системе 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
Здесь вам нужно скопировать шорткод для отображения фотографий инстаграм.
Шорткод можно вставить на страницу, в запись, либо через виджет Текст.
На этом всё, на самом деле плагин очень простой и легко настраивается, если у вас остались вопросы, то я жду ваших комментариев. До новых встреч !
