TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как добавить фотографии из Instagram в WordPress

1 286

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

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

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

1 Встраивание постов в Instagram

Если вы просто хотите добавить фотографию из Instagram в один из своих постов, это так же просто, как вставить URL-адрес вашей фотографии в свой контент. WordPress по умолчанию поддерживает огромное количество встроенных URL-адресов (полный список встроенных URL-адресов вы можете увидеть в кодексе).

Чтобы добавить фотографию, сначала скопируйте URL-адрес публикации в Instagram. Вот наглядное изображение, чтобы вы знали, какую часть URL-адреса копировать:

Как добавить фотографии из Instagram в WordPress

То, как вы добавите встраивание, будет зависеть от того, используете ли вы классический редактор или Gutenberg.

Добавление фотографий Instagram в классическом редакторе

В классическом редакторе просто вставьте скопированный URL прямо в свой контент. Это должно выглядеть примерно так:

И если вы хотите, вы также можете настроить ширину или высоту отображения как часть встроенного шорткода. Итак, если мы введем URL-адрес со следующими параметрами (удалив пробелы сразу после открывающих [ и непосредственно перед закрывающими ] скобками, чтобы код работал):

[ embed width="320" ]https://www.instagram.com/p/Bf1sDIBg0kQ/[ /embed ]

Пост в Instagram, который мы опубликовали выше, будет выглядеть так (всего 320 пикселей в ширину):

Добавление фото из Instagram в Gutenberg

Для Гутенберга вы захотите использовать блок Instagram. Щелкните значок + и найдите Instagram:

Как добавить фотографии из Instagram в WordPress

Вставьте блок, затем вставьте URL-адрес публикации в Instagram и сохраните. Теперь вы должны увидеть свое фото:

Как добавить фотографии из Instagram в WordPress

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

2 Установите плагин Instagram.

Другой вариант – использовать плагин, потому что плагин есть буквально для всего, включая Instagram. При выборе плагина обязательно прочтите детали, чтобы знать, что у вас есть все необходимые функции или макеты. И прочтите описание, чтобы убедиться, что плагин соответствует текущим условиям Instagram.

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

В центре внимания Instagram Feeds PRO


Как добавить фотографии из Instagram в WordPress

Информация и СкачатьПосмотреть демо

Наша главная рекомендация – Spotlight Instagram Feeds PRO. Spotlight – это простой, но мощный плагин для отображения лент Instagram на вашем веб-сайте WordPress. Он позволяет подключаться к нескольким учетным записям (как личным, так и деловым) и создавать неограниченное количество каналов. Подключить вашу учетную запись можно быстро и легко: просто разрешите Spotlight доступ к вашей учетной записи Instagram, и ваш канал будет мгновенно отображаться в интерактивном предварительном просмотре в реальном времени.

Как добавить фотографии из Instagram в WordPress

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

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

Как добавить фотографии из Instagram в WordPress

Обновление до Spotlight PRO открывает ряд функций, в том числе макет Masonry и Highlight для более совершенного дизайна подачи. Что еще более важно, с Spotlight PRO вы можете легко отображать сообщения, где ваша учетная запись была помечена, а также сообщения по хэштегу со всего Instagram. Это особенно полезно для кампаний с хэштегами и маркетинговых стратегий.

Как добавить фотографии из Instagram в WordPress

Затем Spotlight PRO позволяет фильтровать и модерировать ленту, чтобы убедиться, что у вас есть полный контроль над тем, что вы показываете зрителям своего сайта. Кроме того, с помощью плагина премиум-класса вы также можете отображать свои истории в Instagram так же, как вы привыкли их видеть в Instagram.

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

Лента Grace Instagram


Как добавить фотографии из Instagram в WordPress

Информация и СкачатьПосмотреть демо

Grace Instagram Feed Gallery – это универсальный инструмент для потоковой передачи и обмена в социальных сетях. 4 различных вида макетов потоков, 5 возможных для подключения типов каналов, открытая возможность неограниченной потоковой передачи частного и общедоступного контента. Это лишь некоторые из самых замечательных возможностей Grace.

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

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

А если вы транслируете свою собственную учетную запись Instagram на сайте или в блоге WordPress, Грейс может предоставить красивый заголовок. Показывать самую важную информацию об аккаунте: аватар, количество подписчиков и следующие данные.

Другие функции включают предварительную модерацию, ручные или автоматические фильтры для исключения и включения определенного контента по слову, фразе, идентификатору пользователя, URL-адресу и другим доступным данным. Эта функция является эксклюзивной для Grace Instagram Feed Gallery, и вы не найдете ее ни в одном другом плагине WordPress для социальных сетей.

Grace Instagram Feed Gallery также предоставляет самое простое API-соединение среди конкурентов. Всего одна кнопка на вкладке «Авторизация» плагина – и вы можете воспользоваться всеми удивительными возможностями открытого публичного контента Instagram! Grace также обеспечивает плавное добавление различных кнопок социальных сетей для каждой публикации в вашем социальном потоке. Теперь вы не потеряете пользователей, которые захотят поделиться контентом немедленно!

Виджет социального слайдера


Как добавить фотографии из Instagram в WordPress

Информация и СкачатьПосмотреть демо

Если вы хотите добавить свой канал Instagram в качестве слайдера, а не галереи, подумайте о бесплатном плагине Social Slider Widget. С помощью этого плагина ваши изображения импортируются как вложения. Затем они могут отображаться в виджете в виде слайдера или галереи. Плюс есть возможности для связывания изображений, сортировки и многого другого.

Наслаждайтесь плагином для Instagram


Как добавить фотографии из Instagram в WordPress

Информация и СкачатьПосмотреть демо

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

Плагин InstaShow Instagram Feed для WordPress


Как добавить фотографии из Instagram в WordPress

Информация и СкачатьПосмотреть демо

InstaShow – это премиум-плагин WordPress для ленты Instagram, который позволяет легко интегрировать ваши фотографии из Instagram с вашим сайтом WordPress. В гибкой ленте фотографий есть множество опций, которые упростят добавление изображений в Instagram. С помощью этого удобного плагина вы можете легко вставить настраиваемую ленту Instagram где угодно. Используйте параметры плагина, чтобы указать источник, используя имя пользователя, хэштег или ссылку. Затем выберите свои собственные цвета, скорость отклика, навигацию, счетчики и многое другое. Затем используйте генератор шорткодов, чтобы вставить ленту Instagram в любом месте. Другие замечательные функции плагина включают совместимость с Visual Composer, поддержку 16 различных языков, автоповорот и многое другое.

Идти вперед

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

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

Источник записи: https://www.wpexplorer.com

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