Як встановити віджет Instagram на сайт

Всім доброго дня!

Додати віджет Instagram на сайт — ця нетривіальне завдання буде темою сьогоднішньої статті.

Як встановити віджет Instagram на сайт

Слід додати, що крім зазначеного способу авторизації є можливість увійти на сайт через акаунт Facebook, для чого натисніть кнопку SIGN UP WITH FACEBOOK.

Далі потрібно вибрати тип віджета, або іншими словами стиль відображення контенту вашого Instagram-аккаунта на вашому сайті:

Як встановити віджет Instagram на сайт

Тут варто закцентувати увагу на тому, що сервіс пропонує безкоштовні віджети, так і платні. Безкоштовні віджети можна знайти на позначці FREE. Вибираємо підходящий і натискаємо кнопку CREATE YOUR FREE WIDGET, розташовану під ним:

Як встановити віджет Instagram на сайт

Потрапляємо у вікно налаштувань віджета. У верхній частині вікна доступний попередній перегляд віджета:

Як встановити віджет Instagram на сайт

Спускаємося трохи нижче і починаємо налаштування віджета. Першим ділом підключаємо свій профіль Instagram, для чого клацаємо по полю Username:

Як встановити віджет Instagram на сайт

У вікні задаємо дані для аутентифікації і натискаємо кнопку Увійти:

Як встановити віджет Instagram на сайт

Далі тиснемо Authorize:

Як встановити віджет Instagram на сайт

Аккаунт підключений. Продовжуємо налаштувати віджет.

Зверніть увагу на такі основні позиції налаштувань:
— Description — присвоюємо назву віджету;
— Thumbnail Size — задаємо розмір мініатюр фотографій в пікселях;
— Layout — визначаємо кількість відображуваних фото;
— Photo Border — вибираємо окантовку фото;
— Background Color — вибираємо колір фону;
— Photo Padding — задаємо ширину проміжків між фото в пікселях

Коли налаштування зроблені, натискаємо GET WIDGET:

Як встановити віджет Instagram на сайт

І отримуємо html-код віджету, який потрібно скопіювати в буфер обміну:

Як встановити віджет Instagram на сайт

Тепер я розповім про те, як додати віджет instagram на сайт WordPress, а точніше в бічну колонку (сайдбар) сайту.

Для цього йдемо в адмінку сайту і натискаємо Зовнішній вигляд → Віджети:

Як встановити віджет Instagram на сайт

Перетягуємо в бічну колонку новий віджет під назвою HTML-код, заповнюємо його вміст скопійованим раніше кодом віджета Instagram і натискаємо Зберегти:

Як встановити віджет Instagram на сайт

Готово! Перевіряємо результат на сайті:

Як встановити віджет Instagram на сайт

Відмінно! Таким чином, у сьогоднішній статті ми з вами розібралися як зробити віджет Instagram для сайту.

Гарного вам дня і гарного Инстаграма!

На цьому я закінчую цю статтю, підписуйтесь на оновлення мого блогу, щоб бути в курсі нових публікацій!

Оцініть статтю
Настанова - Корисні поради
×
Тисни «Подобається», щоб читати нас на Facebook
Спасибі, я вже з Вами!