Все для начинающих интернет-предпринимателей

Добавление содержимого Instagram в WordPress

Instagram-wordpress

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

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

Метод 1. Использование блока Гутенберга

Скопируйте ссылку на пост в Instagram. Нажмите знак «+» в редакторе Gutenberg, выполните поиск «instagram», затем добавьте этот блок.

instagram-1

Вставьте ссылку на пост Instagram в блок и нажмите кнопку «Вставить».

instagram-2

Пост в Instagram должен быть предварительно просмотрен в редакторе.

Способ 2. Использование пользовательского HTML-блока Гутенберга

Выберите пост в Instagram, нажмите на 3 горизонтальные точки в правом нижнем углу, а затем нажмите на «Вставить».

instagram-3

Нажмите на кнопку «Копировать код для встраивания». Вы можете исключить подпись, если хотите.

instagram-4

В редакторе Gutenberg нажмите знак «+», найдите «HTML-код» и добавьте этот блок.

instagram-5

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

instagram-6

Чтобы просмотреть запись вы можете нажать на кнопку «Просмотр» в блоке.

instagram-7

Метод 2. Использование классического редактора

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

instagram-8

Выравнивание по центру встроенных сообщений Instagram в WordPress

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

Перейдите в Внешний вид > Настройка > Дополнительные стили и добавьте этот код.

instagram-9

instagram-10

.instagram-media{margin:0 auto !important;}

Не забудьте нажать кнопку «Опубликовать». Если встроенный пост будет слишком близок к пунктам выше, измените значение 0 из кода выше, другим значением (например, 15px, 20px, 33px и т. д.).

Например:

.instagram-media{margin:15px auto !important;}

Вам нужно только добавить этот код только один раз, и он автоматически выровняет по центру все встроенные посты из Instagram, которые вы добавите в будущем. Как видите ничего сложного здесь нет. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

Добавить комментарий Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *