Недавно один из наших читателей спросил, можно ли добавить на свой сайт настраиваемый канал в Instagram? В частности, они хотели настроить канал в Instagram, чтобы показывать только избранные фотографии вместо всех фотографий из своего профиля. В этой статье мы собираемся показать вам, как именно создать настраиваемый канал в Instagram для WordPress.
Зачем добавлять канал Instagram на свой сайт WordPress
Добавление канала Instagram на ваш сайт WordPress позволяет добавлять новый контент без особого труда. Он также поощряет посетителей вашего сайта следить за вами в Instagram. Вместо того, чтобы добавлять фотографии на свой сайт вручную, вы можете просто загрузить их из Instagram, и они появятся на вашем сайте. Вы также можете включить фотографии других людей с помощью хэштега. Это может быть отличным способом показать себя людям, использующим ваши продукты, предоставляя ценное социальное доказательство, которое поможет вам заработать больше денег в Интернете.
Как создать пользовательский канал в Instagram для WordPress
Чтобы настроить пользовательский канал Instagram на своем сайте, вам нужно установить и активировать плагин Smash Balloon Instagram Feed. Это премиум-версия бесплатного плагина Instagram, который используется более чем 1 миллионом веб-сайтов. После того, как вы установили плагин, перейдите на страницу Instagram Feed » Settings вашего аккаунта WordPress и перейдите на вкладку License, чтобы ввести свой лицензионный ключ. Вы можете найти его в своем аккаунте Smash Balloon. Не забудьте нажать кнопку «Сохранить изменения» внизу после активации лицензионного ключа.
После активации лицензии перейдите на вкладку «Настройка» и нажмите кнопку «Подключить учетную запись Instagram».
После этого вы увидите всплывающее окно, в котором вам будет предложено выбрать, используете ли вы личный или бизнес-профиль в Instagram.
Если вы просто хотите отобразить ленту своих фотографий, вы можете использовать личный аккаунт Instagram. Однако, если вы хотите показывать хэштег, вам понадобится учетная запись Business Instagram.
Совет: у вас нет бизнес-аккаунта? Чтобы преобразовать свою личную учетную запись Instagram в бизнес-учетную, вы можете следовать пошаговым инструкциям Smash Balloon.
Создайте бизнес-аккаунт в Instagram бесплатно. Вы можете в любой момент вернуться в приложение Instagram. Когда вы нажимаете кнопку «Подключиться» на панели инструментов WordPress, вам просто нужно следовать инструкциям и подключить свою учетную запись. После этого вы увидите свою учетную запись рядом с «Учетными записями Instagram», например:
Примечание: вы можете подключить более одной учетной записи. Далее в этом уроке мы рассмотрим, как показывать несколько разных каналов Instagram на вашем сайте.
Показ ленты ваших фотографий из Instagram в WordPress
Если вы хотите, чтобы ваш сайт WordPress выглядел свежим и актуальным, легко добавить ленту ваших последних фотографий из Instagram. Сначала мы рассмотрим основной метод, а затем как настроить ваш канал.
Сначала нажмите кнопку «Добавить в основной канал» рядом с подключенной учетной записью Instagram.
После этого вы можете открыть сообщение или страницу, где вы собираетесь добавить свой канал. Кроме того, если вы предпочитаете, вы можете добавить его в виджет боковой панели. Мы собираемся создать новую страницу в разделе Страницы » Добавить новый для нашего канала. Нажмите символ (+), чтобы добавить новый блок, затем выберите блок «Лента Instagram» в разделе «Виджеты».
Ваш Instagram-канал будет немедленно добавлен на вашу страницу с помощью кнопки «Follow».
Если вы используете классический редактор, просто введите шорткод [instagram-feed] туда, где вы хотите видеть свой канал.
Вы можете использовать шорткод или виджет Instagram Feed, чтобы добавить свои посты в Instagram на боковой панели или в нижнем колонтитуле. Просто зайдите в Внешний вид » Виджеты и перетащите виджет Instagram Feed туда, куда вам нравится.
Настройка стиля Instagram в WordPress
По умолчанию ваши фотографии в Instagram будут отображаться в виде сетки из четырех столбцов. Для начала пользователи увидят 20 фотографий из вашей учетной записи, но они могут нажать «Загрузить еще», чтобы увидеть дополнительные фотографии. Плагин Instagram Feed дает вам полный контроль над этими настройками.
Чтобы изменить внешний вид своего Instagram-канала, перейдите в Instagram-канал » Настройки » Настройка. Здесь вы можете изменить ширину и высоту вашего канала, переключить макет, изменить количество фотографий, столбцов и многое другое. Чтобы изменить макет, просто нажмите на нужный вариант. Мы будем использовать макет «Подсветка» для наших фотографий в Instagram, причем каждая третья фотография будет выделена.
Вы также можете выбрать, на сколько столбцов разбивать фотографии и сколько отображать для начала. Мы выбрали 6 фотографий в 3 колонках.
Убедитесь, что вы нажали кнопку «Сохранить изменения» в нижней части экрана после внесения изменений.
Вот как теперь выглядит лента Instagram на одном нашем клиентском сайте.
Отображение хэштега, тегов или смешанного фида Instagram в WordPress
Instagram Feed по умолчанию показывает последние сообщения из вашей подключенной учетной записи Instagram. В некоторых случаях вы можете показать что-то другое. Например, вы можете отображать сообщения Instagram из любой учетной записи, если они используют определенный хэштег. Это может быть отличным способом продемонстрировать фотографии с мероприятия или конференции.
Вы можете изменить тип своего канала, перейдя в Instagram Feed » Конфигурация. В разделе «Тип фида» вы можете переключиться на хэштег или помеченный канал. Вы можете щелкнуть значок (?) Рядом с параметром для получения дополнительной информации. Мы собираемся переключиться на фид хэштега, используя опцию Public Hashtag. Мы сделаем это по самым последним сообщениям.
Примечание: здесь нельзя создать смешанный канал. Смешанный канал – это тот, который объединяет различные типы, такие как фотографии из учетной записи пользователя и фотографии из хэштега. Вы можете следовать инструкциям в следующей части руководства, чтобы создать такой канал.
Вот как теперь выглядит лента на нашем сайте.
Создание нескольких каналов Instagram в WordPress
Что если вы хотите включить несколько различных каналов Instagram на свой сайт WordPress? Это возможно также с несколькими простыми конфигурациями. Сначала перейдите в Instagram Feed » Настройки и перейдите на вкладку Показать ленту. В шорткоде [instagram-feed] вы увидите несколько различных настроек.
Совет: если вы хотите создать только один канал для своего сайта, вы можете изменить эти настройки на вкладке “Настройка”, как показано выше.
Если у вас подключено несколько учетных записей пользователей, вы можете использовать [instagram-feed type = “user” username = “ваш-ник”] для указания учетной записи. Вы также можете создать каналы на основе хэштегов. В этом случае вам нужно будет использовать [instagram-feed type = “hashtag” hashtag = “#хэштег”].
Другой вариант – создать канал с тегом определенной учетной записи пользователя. Эта опция доступна только в том случае, если ваша подключенная учетная запись Instagram в настройках плагина является бизнес-учетной записью. Вы даже можете использовать шорткоды для создания смешанного канала, который объединяет различные типы канала, такие как ваша учетная запись в Instagram и все фотографии с определенным хэштегом.
Если вы используете блок Instagram Feed в визуальном редакторе WordPress, вам не нужно создавать весь шорткод. Вы можете просто добавить свои настройки шорткода в настройках блока.
Убедитесь, что вы нажали кнопку «Применить изменения» после внесения изменений.
Другие популярные настройки канала Instagram в WordPress
Вы можете быть вполне довольны отображением фотографий по умолчанию, так как Instagram Feed отлично работает без каких-либо настроек. Тем не менее, есть некоторые общие настройки, которые вы можете захотеть сделать в зависимости от того, как вы хотите отображать свои фотографии в Instagram. Например, вы можете отобразить только фотографии без подписей. Это особенно полезно, если вы добавляете фотографии в довольно узкую боковую панель:
Вы можете отключить подписи, добавив showcaption = “false” в свой шорткод. Тогда ваши фотографии будут отображаться так.
Возможно, вы захотите отфильтровать сообщения, если вы используете хэштег. Например, вы можете избегать постов, в которых упоминается один из ваших конкурентов, или постов, в заголовке которых используются грубые слова.
Вы можете использовать excludewords = “конкурент, грубые слова” в своем шорткоде. Это исключит любые сообщения, которые используют любое из слов в списке слов, разделенных запятыми. Замените «конкурент» и «грубое слово» на любые слова, которые вы хотите исключить.
Другой вариант, который вы можете использовать, изменить текст кнопки «Загрузить еще». Вы можете сделать это, добавив buttontext = “Смотреть больше фото” в свой шорткод. Просто замените «Смотреть больше фото» текстом, который вы хотите использовать.
Есть много других настроек, которые вы можете использовать. Плагин Smash Balloon для Instagram Feed позволяет вам настраивать отображение фотографий Instagram на вашем сайте. Если вы хотите увидеть все возможные настройки, просто зайдите в Instagram Feed » Settings » Показать ваш Feed, чтобы получить полный список.
Мы надеемся, что эта статья помогла вам узнать, как создать собственный канал Instagram в WordPress.
Если вам нужен современный сайт с интеграцией с соцсетями, обращайтесь ко мне.