Всім доброго дня!
Додати віджет Instagram на сайт — ця нетривіальне завдання буде темою сьогоднішньої статті.
Слід додати, що крім зазначеного способу авторизації є можливість увійти на сайт через акаунт Facebook, для чого натисніть кнопку SIGN UP WITH FACEBOOK.
Далі потрібно вибрати тип віджета, або іншими словами стиль відображення контенту вашого Instagram-аккаунта на вашому сайті:
Тут варто закцентувати увагу на тому, що сервіс пропонує безкоштовні віджети, так і платні. Безкоштовні віджети можна знайти на позначці FREE. Вибираємо підходящий і натискаємо кнопку CREATE YOUR FREE WIDGET, розташовану під ним:
Потрапляємо у вікно налаштувань віджета. У верхній частині вікна доступний попередній перегляд віджета:
Спускаємося трохи нижче і починаємо налаштування віджета. Першим ділом підключаємо свій профіль Instagram, для чого клацаємо по полю Username:
У вікні задаємо дані для аутентифікації і натискаємо кнопку Увійти:
Далі тиснемо Authorize:
Аккаунт підключений. Продовжуємо налаштувати віджет.
Зверніть увагу на такі основні позиції налаштувань:
— Description — присвоюємо назву віджету;
— Thumbnail Size — задаємо розмір мініатюр фотографій в пікселях;
— Layout — визначаємо кількість відображуваних фото;
— Photo Border — вибираємо окантовку фото;
— Background Color — вибираємо колір фону;
— Photo Padding — задаємо ширину проміжків між фото в пікселях
Коли налаштування зроблені, натискаємо GET WIDGET:
І отримуємо html-код віджету, який потрібно скопіювати в буфер обміну:
Тепер я розповім про те, як додати віджет instagram на сайт WordPress, а точніше в бічну колонку (сайдбар) сайту.
Для цього йдемо в адмінку сайту і натискаємо Зовнішній вигляд ? Віджети:
Перетягуємо в бічну колонку новий віджет під назвою HTML-код, заповнюємо його вміст скопійованим раніше кодом віджета Instagram і натискаємо Зберегти:
Готово! Перевіряємо результат на сайті:
Відмінно! Таким чином, у сьогоднішній статті ми з вами розібралися як зробити віджет Instagram для сайту.
Гарного вам дня і гарного Инстаграма!
На цьому я закінчую цю статтю, підписуйтесь на оновлення мого блогу, щоб бути в курсі нових публікацій!