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