, если вы хотите публиковать фотографии из своей учетной записи Instagram на вашей электронной площадке и тем самым улучшить продвижение, рейтинг популярности в Инстаграмм, то бесплатный модуль должен вам пригодиться. Плагин InstaLink 2.1.3 подойдет в создание очаровательных галерей на сайте с использованием фотографий из учетной записи социальной сети Instagram разработчикам веб-сайтов.
Привлечь внимание целевой аудитории к проекту, компании, бренду или сайту хотят многие деловые предприниматели, зачастую многие из них обращаются к своим знакомым или конторам по продвижению площадок, хотя они своими силами могли и без крупных вложений добиться хороших успехов. Если бы обратили внимание на профессиональное
бизнес-проектов, продукции компании или предлагаемых услуг, раскрутки нового товарного бренда в среде публичной аудитории с миллионным трафиком. По ссылке выше вы сможете познакомиться и узнать о компание "InstPlus", обладающая большим опытом работы по оказанию сервис-услуг продвижения в Instagram, Pinterest и Twitter.
InstaLink - этот виджет отображение фотогалереи прямо на вашем портале, модуль с установкой имеет разные параметры подстройки. В папке DOCS, откройте в браузере index.html и следуйте инструкции. Скрипт быстро и плавно выводит фотографии из подключенной учетной записи Инстаграм, довольно простое решение обладает стильными и функциональными возможностями для демонстрации фото по хэштегу или никнейму.
Стоит отметить, что вышла InstaLink 2.1.4, но для Worldpress, хотя возможно не составит труда прикрутить к
, версия InstaLink 2.1.3 подходит к DLE.
Начало работы с InstaLink 2.1.3
Установка
Узнайте больше об установке обновления 2.0.0 в статье Как установить InstaLink jQuery 2.0.0 нашего блога.
1. Загрузить InstaLink на сервер
Загрузите папку instalink на сервер.
2. Добавление файлов на ваш сайт
Добавьте файлы на ваш сайт (обычно в разделе
<head>
) после jQuery (требуется jQuery 1.7+).
Если вы загрузили папку instalink в корневой каталог вашего сайта, код будет выглядеть так:
<link href="/instalink/instalink-2.1.3.min.css" rel="stylesheet">
<script src="/instalink/instalink-2.1.3.min.js"></script>
Если вы загрузили папку в другой каталог, не забудьте указать правильный путь к файлам.
Если ваш сайт не включают jQuery скрипт, пожалуйста, добавьте его перед InstaLink:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
3. Добавить элемент InstaLink на страницу
Добавьте элемент InstaLink HTML на нужную страницу.
<div data-il
data-il-api="/instalink/api/"
data-il-username="elfsight"
data-il-hashtag=""
data-il-lang="en"
data-il-show-heading="true"
data-il-scroll="true"
data-il-width="270px"
data-il-height="350px"
data-il-image-size="medium"
data-il-bg-color="#285989"
data-il-content-bg-color="#F8F8F8"
data-il-font-color="#FFFFFF"
data-il-ban="">
</div>
Если вы загрузили папку instalink в корневой каталог вашего сайта,
нужно указать правильный путь к папке /instalink/api/ в данных-ил-API атрибута.
Примечание: в этом случае требуется версия PHP 5.2+.
Примечание: убедитесь, что каталог /instalink/api/ на вашем сервере доступен для записи.
Конфигурация API
Вы можете управлять некоторыми настройками API плагина в config.json-файл. Вы можете найти его в папке/instalink/ api/.
Доступно 4 варианта:
- data-il-username — URL-адрес в папку /instalink/api/ . Для InstaLink API требуется версия PHP 5.2+. Если ваш хостинг не поддерживает PHP, использование данных-ил-доступ-маркер вместо.
- data-il-username — Instagram имя пользователя (без символа). Оставить пустым, если вы используете данные-ил-доступ-маркер атрибута.
- data-il-hashtag — хэштег Instagram. Если "данных-ил-логин" указывается, тогда изображения будут выбраны с помощью имени пользователя и произведена его фильтрация по указанным хэштегом. Также он поддерживает несколько хэштегов, разделенных запятой или пробелом.
данных-ил-АН яз язык графического пользовательского интерфейса (Сообщений, последователей, поклонников, и следить за надписи на кнопках).
Поддерживает 16 языков: en, id, de, es, fr, it, nl, pl, pt-BR, ru, sv, tr, zh-HK, ja, ko, he.
- data-il-show-heading в разделе значение True, если этот параметр указан "ложно", в рубрике панели будут скрыты.
- data-il-scroll значение True, если параметр "True", то его можно показать более изображения с помощью прокрутки вниз.
- data-il-width 270px width (any CSS valid value: px, %, em, etc.). Установите "auto", чтобы сделать виджет отзывчивым.
- data-il-height 350px height (any CSS valid value: px, %, em, etc.).
data-il-image-size Размер средний размер изображений (маленький, средний, большой или малый).
data-il-bg-color #285989 Цвет заголовка и кнопки фона (любое допустимое значение CSS).
data-il-content-bg-color #F8F8F8 содержание Цвет фона (любое допустимое значение CSS).
data-il-font-color #FFFFFF заголовка и цвет текста кнопок (любой CSS допустимое значение).
data-il-ban — список имен пользователей через запятую или пробел. Задайте любое имя пользователя, чтобы скрыть все фотографии из этой учетной записи в вашей ленте. Работает только с хэштегами.
data-il-cache-media-time 0 определяет, сколько времени в секундах фотографии будут кэшироваться в локальном хранилище браузеров. Установите "0", чтобы отключить кэш.
data-il-access-token — если ваш хостинг не поддерживает PHP, вы должны использовать эту опцию вместо данных-ил-API-интерфейс. Вы можете получить маркер доступа Instagram с помощью этого руководства. Примечание: в этом случае можно просмотреть только последние 20 изображений От пользователя, который был добавлен в песочнице консоли API Instagram для Instagram идентификатор клиента.
генератор кода
Это поможет вам настроить InstaLink быстрее и проще.
Настройка My InstaLink
Поздравляю! Вы успешно установили InstaLink.
Поддержка, вопросы и предложения.
Все способы хороши, чтобы оценить представленный модуль можно заглянуть на страницу, автора данной разработки.
