Вячеслав и Валерия : cat

629

Как создать пользовательский фото-канал в Instagram для WordPress

Приветствуем вас! Instagram является привлекательной платформой для обмена фотографиями и привлечения клиентов. Вы можете воспользоваться его огромным потенциалом, сочетая его с WordPress и тем самым продвигая свой собственный аккаунт в Instagram.

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

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

Как создать пользовательский фото-канал в Instagram для WordPress

Чтобы настроить пользовательский фото-канал Instagram на своем сайте, вам нужно установить и активировать плагин Smash Balloon Instagram Feed. Это премиум-версия бесплатного плагина Instagram, который используется более чем 1 миллионом веб-сайтов. Вы можете его скачать совершенно бесплатно, перейдя по данной ссылке.

После того, как вы установили плагин, вам нужно ввести лицензионный ключ. Но, этого делать не стоит, он у вас уже введен. Перейдите на страницу Instagram Feed «Настройки вашего администратора» WordPress и перейдите на вкладку «Настройки» и нажмите кнопку «Подключить учетную запись Instagram».

Затем вы увидите всплывающее окно с просьбой выбрать, используете ли вы личный профиль или профиль в Instagram.

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

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

Мы будем использовать бизнес профиль. Когда вы нажимаете кнопку «Подключиться» на панели инструментов 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 «Configure». В разделе «Тип подачи» вы можете переключиться на хэштег или помеченный канал. Вы можете щелкнуть значок (?) Рядом с параметром для получения дополнительной информации.

Мы собираемся переключиться на фид хэштега, используя опцию Public Hashtag.

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

Вот как теперь выглядит лента на нашем демо сайте.

Создание нескольких фидов Instagram в WordPress

Что, если вы хотите включить несколько различных каналов Instagram на свой сайт WordPress? Это возможно с несколькими простыми конфигурациями. Сначала перейдите в Instagram Feed — Настройки и перейдите на вкладку« Показать ленту».

В шорткоде [instagram-feed] вы увидите несколько различных настроек. Если вы хотите создать только один канал для своего сайта, вы можете изменить эти настройки на вкладке Настройка.

Если у вас подключено несколько учетных записей пользователей, вы можете использовать [instagram-feed type = "user" username = "kopslav"] для указания учетной записи. Измените kopslav на желаемое имя пользователя.

Вы также можете создать каналы на основе хэштегов. В этом случае вам нужно будет использовать [instagram-feed type = "hashtag" hashtag = "# kopslav"], где #kopslav — выбранный вами хэштег.

Другой вариант — создать фид с тегом определенной учетной записи пользователя. Эта опция доступна только в том случае, если ваша подключенная учетная запись Instagram в настройках плагина является бизнес-учетной записью.

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

Если вы используете блок Instagram Feed в визуальном редакторе WordPress, вам не нужно создавать весь шорткод. Вы можете просто добавить свои настройки шорткода в настройках блока.

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

Другие популярные настройки Instagram Instagram в WordPress

Есть некоторые общие настройки, которые вы можете сделать. Например, вы можете отобразить только фотографии без подписей. Это особенно полезно, если вы добавляете фотографии в довольно узкую боковую панель.

Вы можете отключить подписи, добавив showcaption = «false» в свой шорткод. Тогда ваши фотографии будут отображаться так.

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

Вы можете использовать excludewords = «конкурент, грубый» в своем шорткоде. Это исключит любые сообщения, которые используют любое из слов в списке слов, разделенных запятыми. Замените «конкурент» и «грубый» на любые слова, которые вы хотите исключить.

Другой вариант, который вы можете использовать, — изменить текст кнопки «Загрузить еще». Вы можете сделать это, добавив buttontext = «See More Photos» в свой шорткод. Просто замените «See More Photos» текстом, который вы хотите использовать.

Есть много других настроек, которые вы можете использовать. Плагин Smash Balloon для Instagram Feed позволяет настроить все, к примеру, как ваши фотографии из Instagram отображаются на вашем сайте.

Если вы хотите увидеть все возможные настройки, просто перейдите в Instagram Feed-«Настройки»-Показать ваш канал, чтобы получить полный список.