InstaShow: плагин для вывода Instagram-фотографий в WordPress

Дата публикации:Октябрь 18, 2015

Если вам требуется какой-либо способ вывода ваших снимков Instagram в виджете, вы можете воспользоваться плагином InstaShow, разработанным компанией Elfsight. Плагин позволяет создавать галереи изображений на основе хэштегов или профилей пользователей, после чего вы сможете вывести их в записи или на странице вашего WordPress-сайта.

instagramfeed

Плагин позволяет вам изменять внешний вид и функционирование вашей галереи с помощью hover-стилей и popup-окон, появляющихся при щелчке – плагин включает в себя 10 цветовых схем и возможность точной подгонки их под ваши нужды.

instashow

Возможности плагина

Давайте рассмотрим главные возможности плагина:

  • Выбор источника. Вы можете задавать любое имя пользователя или хэштег для вывода изображений на сайте.
  • Фильтры. Фильтрация вашего контента из фида при помощи условий «кроме» или «только».
  • Адаптивность. InstaShow будет адаптироваться к любому размеру экрана, чтобы ваша галерея выглядела великолепно на всех устройствах.
  • Ориентация просмотра. Вы можете задавать ориентацию просмотра фото  (горизонтальную или вертикальную).
  • Навигационные элементы. Вы можете выбирать набор элементов управления для навигации по изображениям.
  • Стили. Выбирайте среди 24 настраиваемых стилей и 10 цветовых схем.
  • Всплывающие окна. Ваша аудитория сможет просматривать фотографии в удобном виде.
  • Генератор кода. Настройте виджет и получите код для вашего обновленного виджета.
  • Готовность к Retina. Поддержка дисплеев высокого разрешения.
  • Языки. Плагин переведен на 16 языков.

Использование плагина

Чтобы начать работу с плагином, вам нужно будет сначала получить на сайте Instagram клиентский ID. Сделать это можно по ссылке. Вам нужно будет предоставить информацию о вашем сайте и указать его URL. Процесс довольно простой. Как только вы все сделаете, вы увидите страницу с вашим клиентским ID и клиентскими секретными ключами. Скопируйте Client ID для использования в плагине.

inst1

Теперь устанавливаем и активируем плагин, который добавит новый пункт меню InstaShow в консоли администратора WordPress. Посетите этот пункт меню и введите ваш клиентский ID. Если он корректный, вы увидите сообщение «You’ve successfully connected your instagram account».

inst2

Вы можете теперь начать настройку вашей галереи Instagram, задав имя пользователя или хэштег. Убедитесь в том, что вы используете символы @ для имени пользователя и # для хэштега – вы можете также объединить эти два условия при желании. Изображения будут загружаться с правой стороны.

Здесь же вы можете настраивать ваши фильтры, исключая или добавляя имена пользователей или хэштеги (при помощи only и except).

inst3

На следующей вкладке вы можете настроить ваши размеры изображений – вы можете задавать их высоту и ширину, либо оставить автоматические размеры и включить адаптивность. Вы можете определить количество столбцов и строк в галерее, а также задать ширину полей между изображениями.

inst4

Раздел UI предназначен для задания элементов управления, используемых для навигации по вашим изображениям – стрелки, скроллинг или перетаскивание. Вы можете выбрать ориентацию просмотра галереи (вертикальную или горизонтальную), анимационный эффект, скорость перехода, скорость появления popup, а также язык.

inst5

Во вкладке «Info» вы можете настроить информацию о галерее (Gallery Info), которая отображается при наведении курсора на изображение, а также информацию Popup Info, которая будет выводиться при отображении popup.

inst6

Вкладка Style – то место, где вы можете настроить используемую цветовую схему. Вы можете выбирать из 10 цветовых схем, доступных в плагине. Также вы можете самостоятельно настроить каждый элемент в соответствии со своими потребностями.

inst7

Заключительные разделы предназначены для подключения аналитики – вся информация об использовании плагина отправляется разработчикам. Вы можете отключить это при необходимости. Последняя секция — Get Shortcode. В ней содержится шорткод, который вы можете скопировать и вставить в свои записи или страницы, где вы хотите вывести виджет.

inst8

Вот как выглядит виджет в стандартной теме WordPress с моим фидом Instagram:

inst9

Щелчок по изображению приводит к появлению popup:

inst10

Цена

Плагин доступен для приобретения на CodeCanyon всего за 19 долларов, что является вполне адекватной ценой для такого решения. В стоимость включена шестимесячная поддержка, которую можно продлить на 12 месяцев всего за $5.70.

Источник: wplift.com

Поделиться

2 комментария

  1. Возникают некоторые философские мысли — столько всяких прибамбасов разрабатывается, а хватит ли глаз и ума, чтобы все это пересмотреть…
    Еще бы придумали, чтобы вся инфа во сне доходила до сознания.

  2. Почерпала для себя много нового, так как ранее никак не могла понять как мне выводить фото из иннстаграмма, оказывается есть плагины которые могут в этом помочь.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.