Как добавить виджет Instagram в WordPress (Пошаговое руководство)

Виджет WordPress в Instagram

Хотитеузнать, как добавить виджет Instagram в свой блог WordPress?Отображение вашей ленты Instagram в вашем блоге — отличный способ повысить взаимодействие с вашими читателями, предоставить им дополнительный контент и многое другое.

Подключение вашей учетной записи Instagram к вашему блогу WordPress может показаться сложным, но это не так!

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

Привет?

Давайте погрузимся!

 

Что такое виджет WordPress?

Во-первых, если вы новичок в WordPress, вам может быть интересно, что такое виджет WordPress.

Виджеты — это в основном небольшие блоки контента, которые вы можете добавить в боковую панель, нижний колонтитул и другие области вашего сайта WordPress.

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

В приведенном ниже примере Studio Mommy добавила виджет Instagram в нижний колонтитул своего веб-сайта вместе со значками социальных сетей, формой подписки на рассылку новостей и многим другим.

инстаграм-лента-студия-мама

Добавление виджета Instagram в WordPress может быть особенно полезным для вашего блога.

Читайте дальше, чтобы узнать, почему. 

Преимущества добавления виджета Instagram в ваш блог WordPress

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

Итак, давайте подробнее рассмотрим, почему вы должны добавить ленту Instagram в свой блог. 

Предоставьте посетителям больше контента

Когда вы добавляете ленту Instagram в свой блог, вы предоставляете посетителям своего сайта более интересный контент для проверки.Вместо того, чтобы покидать ваш блог после прочтения вашего последнего поста, они могут прокручивать вашу ленту Instagram, не покидая ваш сайт.

Этот дополнительный контент побуждает посетителей оставаться на вашем сайте дольше.

Улучшение SEO

Когда вы добавляете виджет Instagram в WordPress, подписи Instagram встраиваются в ваш сайт.

Это помогает поисковым системам лучше понять, о чем ваш блог, что может помочь вам улучшить SEO (поисковую оптимизацию) и привлечь больше трафика на ваш сайт. 

Увеличьте вовлеченность и подписчиков

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

Это может помочь вам получить больше подписчиков в Instagram и увеличить свое присутствие в социальных сетях.

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

Легко обновляйте свой блог

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

Постройте социальную стойкость и доверие

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

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

Теперь, когда вы знаете все преимущества подключения своей учетной записи Instagram к WordPress, давайте сразу перейдем к руководству. 

Как добавить виджет Instagram в WordPress (вручную)

Если вы хотите добавить виджет Instagram в WordPress без плагинов, вы можете сделать это вручную.

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

Кроме того, есть много места для ошибок с ручным методом, которые может быть трудно исправить, если вы не знакомы с кодом.

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

Нажмите на 3 маленькие точки в правом верхнем углу поста в Instagram.Затем нажмите кнопку Внедрить.

Встраивание Инстаграм

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

Скопируйте включенный код

После копирования кода встраивания вы можете просто вставить его в любой пост или страницу с помощью редактора WordPress.

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

виджет-внешний вид-дашборд

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

Перетащите текстовый виджет на боковую панель

После размещения виджета в нужном месте на вашем сайте, нажмите на стрелку раскрывающегося списка на виджете.

раскрывающееся меню

Откроется текстовое поле, в которое можно вставить код внедрения Instagram, скопированный ранее.Обязательно вставьте код внедрения в текстовый редактор , а не в визуальный редактор.

вставить-встроить-код

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

Это всё.

Теперь вы можете видеть свой виджет Instagram в прямом эфире в своем блоге.

Instagram-боковая панель-виджет

Как вы можете видеть из приведенного выше примера, у вас не так много вариантов настройки при ручном добавлении виджета Instagram в WordPress.

Итак, давайте посмотрим на лучший способ добавить виджет Instagram в WordPress.

Как добавить виджет Instagram в WordPress (с помощью плагина)

Самый простой и лучший способ добавить виджет Instagram в WordPress — это плагин.Мы рекомендуем плагин Instagram Feed Pro от Smash Balloon.

инстаграм лента про воздушный шар smash

Instagram Feed Pro — это плагин Instagram с самым высоким рейтингом для WordPress No 1.

Используя этот plguin Smash Balloon, всего за несколько кликов вы можете легко добавить свою ленту Instagram в качестве виджета боковой панели к любому сообщению или странице вашего блога, используя редактор блоков WordPress или вставив шорткод в любом месте вашего сайта.

Кроме того, Instagram Feed Pro поставляется с отличными функциями, которые помогут вам создать мощный и персонализированный виджет Instagram, в том числе:

  • Несколько вариантов компоновки: выберите один из встроенных вариантов макета, таких как карусель, сетка, кладка и подсветка. 
  • Система визуальной модерации: решите, какие сообщения показывать, а какие скрывать. 
  • Социальная активность: показывайте истории Instagram, комментарии, отметки «Нравится» и кнопку «Подписаться» в своей ленте. 
  • Адаптивный дизайн: автоматически адаптируется к различным размерам экрана, чтобы сделать вашу ленту удобной для мобильных устройств.
  • Несколько каналов Instagram: просматривайте все виды различных каналов на своем сайте, которые вы хотите. 

Smash Balloon также предлагает бесплатную версию плагина, поэтому вы можете попробовать.

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

Теперь давайте посмотрим, как использовать Smash Balloon для добавления виджета Instagram в WordPress, шаг за шагом. 

Шаг 1: Установите плагин ленты Instagram

Во-первых, вам нужно скачать Instagram Feed Pro из Smash Balloon и установить и активировать плагин. Для начала, ознакомьтесь с этим постом о том, как установить плагин WordPress для подробных инструкций.

 

Шаг 2: Подключите свою учетную запись Instagram к плагину

Затем вы должны связать свою учетную запись Instagram с плагином Smash Balloon.Для этого нажмите на кнопку Instagram Feed в панели инструментов WordPress, которая появляется после загрузки и активации плагина. Это приведет вас на страницу настроек плагина Instagram Feed.

Нажмите синюю кнопку Связать учетную запись Instagram .

ссылка-инстаграм-аккаунт

Следуйте инструкциям на экране, чтобы подключить свою учетную запись Instagram.

Первая подсказка спросит вас, хотите ли вы подключить личную или деловую учетную запись Instagram .

Личный бизнес-счет

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

Не беспокойтесь о типе учетной записи Instagram, которая вам нужна прямо сейчас, потому что вы всегда можете изменить ее позже.

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

Это всё!Ваша учетная запись Instagram теперь подключена к плагину Instagram Feed. 

Шаг 3: Выберите контент Instagram для просмотра

На той же странице вы также можете выбрать, какой тип контента Instagram вы хотите отображать в своем виджете Instagram.

Вы можете выбрать просмотр:

  • Ваша стандартная лента Instagram
  • Лента с фотографиями определенного публичного хэштега
  • Канал с фотографиями, в которых вы отмечены тегами
  • Комбикорм с несколькими типами кормов
инстаграм-фид-тип

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

Шаг 4: Выберите макет для вашего виджета Instagram

Перейдите на страницу настроек плагина Instagram Feed и перейдите на вкладку Настройка.

Карта настройки Smash Ball

На этой странице вы можете решить, как виджет Instagram будет выглядеть в вашем блоге с такими параметрами настройки, как:

  • Ширина и высота
  • Цвет фона
  • Количество фотографий для показа
  • Показать/скрыть свою биографию в Instagram
  • Добавление кнопки "Подписаться"

Вы также можете выбрать, какой тип макета вы хотите, чтобы ваш виджет Instagram имел.Лента Instagram Smash Balloon предлагает 4 различных варианта макета на выбор:

  • Сетка : стандартная сетка с неподвижными квадратными изображениями
  • Карусель: горизонтальная карусель, которую пользователи могут прокручивать
  • Masonry — Галерея, которая показывает фотографии Instagram в их оригинальном пейзажном или портретном формате
  • Выделение: галерея, в которой определенные фотографии отображаются больше в сетке, чтобы выделить их.

В этом уроке мы выберем макет Grid, который выглядит следующим образом:

smash-balloon-instagram-grid-layout

Выберите нужный тип макета и нажмите кнопку Сохранить изменения.

Шаг 5: Добавьте свой виджет Instagram в WordPress

Теперь пришло время добавить свой виджет Instagram в свой блог!

С плагином Instagram Feed от Smash Balloon у вас есть 3 разных способа встроить свою ленту.

Рассмотрим каждый из них. 

1. Блокировка WordPress ленты Instagram

Чтобы добавить виджет Instagram на новую страницу вашего сайта с помощью редактора блоков WordPress, сначала перейдите в раздел Страницы » Добавить новый.

В редакторе блоков WordPress нажмите значок плюса (+) для поиска блока WordPress.В строке поиска введите «Instagram», чтобы найти блок WordPress Feed Instagram.

wordpress-блок-виджет

Щелкните блок, чтобы добавить его на свою страницу.

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

Опубликуйте страницу, чтобы сделать виджет ленты Instagram живым в вашем блоге!

Вот пример того, как выглядит готовый продукт:

инстаграм-лента-smash-воздушный шар

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

2. Шорткоды ленты Instagram

Если вы используете классический редактор WordPress, вы можете использовать шорткод ленты Instagram для отображения вашей ленты в сообщении или странице на вашем сайте.

Перейдите на страницу настроек ленты Instagram.На вкладке Просмотр веб-канала скопируйте предоставленный шорткод.

фид-шорткод

Затем просто вставьте шорткод непосредственно в свой пост или редактор страницы.

вставить-шорткод

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

3. Виджет WordPress для лент Instagram

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

Перейдите в Внешний вид » Виджеты с вашей панели инструментов WordPress. 

Найдите виджет Instagram Feed с левой стороны и перетащите его на выбранную боковую панель.В этом уроке мы добавим виджет Instagram на главную боковую панель. 

Виджет Smash-Balloon

В настройках можно добавить заголовок.По завершении нажмите кнопку Сохранить

Теперь, когда вы просматриваете свой сайт, вы можете увидеть свою ленту Instagram на боковой панели. 

боковая панель-инстаграм-лента

Это вывод!

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

Хотите увидеть ленту Facebook в своем блоге?Ознакомьтесь с нашим списком лучших плагинов Facebook для WordPress.Вы также можете прочитать наш туториал о том, как встроить группу Facebook в WordPress.

И не забудьте подписаться на нашу рассылку по электронной почте для получения более полезных советов по ведению блога!

Open

info.ibdi.it@gmail.com

Close