Instafeed.js - Выводим картинки с профиля Instagram на свой сайт.
профиля instagram!
Очень полезный плагин для блога, для сайта портфолио.
Большой функционал, очень много настроек и очень прост в установке.
Суть плагина вы уже поняли, теперь покажу как установить плагин в DLE шаблон.
Установка
1. Скачиваем плагин и помещаем файл instafeed.js в папку js
2. Подключаем плагин к шаблону. Открываем файл main.tpl и к остальным скриптам приписываем:
<script type="text/jаvascript" src="{THEME}/js/instafeed.js"></script>
Инициализируем плагин. В самом верху после строки </head> вставляем:<script type="text/jаvascript">
var userFeed = new Instafeed({
get: 'user',
userId: 3240074341,
accessToken: '3240074341.1677ed0.3e069fa45a314304b71e7e2595349804'
});
userFeed.run();
</script>
4. Настройка плагина.
Для работы плагина на нашем сайте, нам нужно зарегистрировать сам сайт на странице для разработчиков в instagram. Переходим по ссылке и
сразу в раздел Manage clients клацаем по зеленой кнопке Register a new client.
Заполняем поля: Название, Описание, Название организации(название сайта) и два раза адрес сайта.
После нажатия зеленой кнопки Register вы перенаправляетесь на страницу управления вашими приложениями и сайтами и видите ваш новый сайт.
Все, сайт мы зарегистрировали теперь нам нужно ввести данные от туда в наш скрипт.
Разберем код инициализации:
userId: 3240074341, // Тут id своего аккаунта, можешь узнать в google
accessToken: '3240074341.1677ed0.3e069fa45a314304b71e7e2595349804' - Это так называемый токкен. У каждого уникальный токкен, я свой узнал просто через google "Токкен для instagram". Вводим свой токкен и всё, плагин готов к работе!
Выводится все это кодом:
<div id="instafeed"></wdiv>
Вставляем это в нужное место и вуоля! Фоточки с инсты прямо у вас на сайте.Плагин можно настроить по разному, на странице автора есть несколько примеров.
А вот вам список опций плагина:
Когда я первый раз устанавливал этот плагин, мне в голову пришла идея создать раздел на странице пользователя "Фото из Instagram"
В котором каждый пользователь мог бы поделится своей галереей изображений. Может быть реализую такую фишку в одном из шаблонов. :wink:
Надеюсь статья вам пригодится. Если возникнут какие-то проблемы, пишите в комментарии помогу чем смогу ;)
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
Bootstrap bootstrap CSS CSS3 dle DLE fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Оцените сайт