Как интегрировать Instagram в WordPress? Очень просто.

В этом посту я поделюсь тем, как  настроить кросспостинг фото из Instagram в ваш сайт на WordPress.

Разместил я на днях на сайте фото из своего Instagram — Тихо в лесу. И задумался, а вот хорошо бы чтобы все фото которые я выкладываю в Instagram автоматически кросспостились на моём сайте, да ещё как отдельная, самостоятельная запись на главной странице и под определённую рубрику , а не где-нибудь в виджетах сайдбара.

Задумано — сделано.

А осуществил я эту задумку благодаря замечательному плагину Instagrate in Wordpress.

Расскажу как настраивать этот плагин.

Для начала скачиваем его вот отсюда.  (У меня версия 1.2.5).  Добавляем на сайт и активируем.

Если вы всё сделали правильно, у вс в  меню Настройки появиться новый пунктик — Instagrate in WordPress

Заходим в него.

Видим такое сообщение:

То есть, говоря по-русски вам нужно авторизоваться в своём аккаунте на Instagram.

Нажимаем Log in, авторизуемся (предполагаем, что у вас уже есть аккаунт в Instagram) и возвращаемся в настройки Instagrate in WordPress.

Теперь мы видим полноценное  меню настроек:

Плагин на английском, но это не большая проблема.

Посмотрим что там есть.

Справа мы видим 20 последних наших фото в Instagram, плагин автоматически их загружает при активации и потом обновляет с каждой новой публикацией фото.

Слева, собственно сами настройки кросспостинга изображения из вашего Instagram на ваш сайт.

Рассмотрим их по порядку:

• Last Image — Последнее изображение. Выберите из выпадающего списка  название изображения, после которого все опубликованные вами фото в Instagram автоматически появятся на вашем сайте. По умолчанию, это последнее выложенное вами фото. Каждое новое выложенное изображение будет автоматически занимать это место.  Менять здесь что-либо стоит только в том случае, если вы хотите чтобы уже опубликованные в Instagram фото также появились на сайте. Звучит сложно, но постарайтесь понять.
• Image Size — Размер картинки. Настройка размера изображения. По умолчанию — как в Instagram, рекомендую не менять.
• Image CSS Class —  CSS стили картинки. Изменение стилей вывода изображения. По умолчанию будет как в Instagram, рекомендую не менять.
• Wrap Image in Link to Image — Вставлять в изображение ссылку. Поставьте галочку, если хотите чтобы в изображения вставлялась ссылка на медиафайл. Думаю это лишнее. Не ставим.
• Select Image Saving — Выбрать размещение картинки. Здесь возможны два варианта: Link to Instagram Image — сохраняем только ссылку на картинку.  Save Image to Media Library — сохраняем саму картинку в Библиотеке Медиафайлов сайта. Настоятельно рекомендую второй вариант.
• Featured Image Config — Настройка  кроспостинга. Есть три варианта — Без изображений (No Featured Image), Изображение и текст поста (Featured and Post Image), Только изображение. (Only Featured Image). Выбираем второй вариант, он позволит публиковать фото вместе с текстом описания, если таковой вы написали к фото в Instagram.
• Post Category — Выберите рубрику под которой вы хотите размещать записи с изображением. Я заранее создал для этого новую, так и назвал — Instagram ;
• Post Author — Выберите автора записи, по умолчанию — admin или так как вы обычно подписываете свои посты на сайте;
• Post Format — Выберите формат записи, выбираем Standart;
• Post Date — Дата публикации записи. Указывать дату публикации на сайте (Date at Posting) или дату создания изображения в Instagram (Instaram Image Created), я предпочёл первый вариант;
• Post Status — Выберите статус записи. Публикация (Publish) или Черновик (Draft), выбираем Publish;
• Custom Post Type — Публиковать пост с изображением как новую запись или как страницу, что выбрать зависит от структуры вашего сайта, в моём и большинстве случаев подойдёт вариант Запись
• Default Title Text — придумайте общий текст для фото которые не подписаны  в Instagram. По умолчанию текст такой —  Instagram Image. Я написал просто — Без названия. Можно оставить пустым;
• Custom Title Text — можно добавить пользовательское название к изображениям, можно не добавлять;
• Custom Body Text — можно написать любой пользовательский текст к записям, а можно не писать.

Далее идут необязательные дополнительные функции, которые большинству пользователей не пригодятся. Вряд ли вы захотите отображать в каждом своём кросспостинге ссылку на скачивание данного плагина? Вот и я о том же.

После того как выбирали и отметили то что вам нужно нажимаем на кнопку Update Options.

Если вы следовали моим советам и сделали всё так же как и я то можете запостить какое-либо новое фото в Instagram, зайти на свой сайт и убедиться, что оно красуется там в новой записи. Внимание! Прежде чем фото из Instagram появится на вашем сайте может пройти от 2 до 5 минут!

Как видите ничего сложного в настройках нет. Плагин достаточно удобен в использовании и очень полезен для тех кто активно пользуется Instagram‘ом.

Если у вас возникнут какие-либо вопросы по данному плагину или проблемы с его использованием — пишите в комментариях, постараюсь помочь.

Эту и другие статьи можно также читать на канале NIGIL.RU на Яндекс.Дзен