
Как заменить радио-кнопки изображениями в контактных формах WordPress
Приветствуем вас! Instagram очень полезный инструмент для привлечения аудитории. Вы можете его использовать, чтобы продемонстрировать свои продукты, повысить интерес к своему бренду и просто выделить свой контент из толпы.
Добавляя и встраивая контент Instagram в WordPress, вы можете еще больше увеличить свою экспозицию (и потенциальные конверсии), а также взаимодействия пользователей с вами на обеих платформах. Сегодня мы покажем, как легко добавлять содержимое Instagram в WordPress. Ну что приступим?
Метод 1. Использование блока Гутенберга
Скопируйте ссылку на пост в Instagram. Нажмите знак «+» в редакторе Gutenberg, выполните поиск «instagram», затем добавьте этот блок.
Вставьте ссылку на пост Instagram в блок и нажмите кнопку «Вставить».
Пост в Instagram должен быть предварительно просмотрен в редакторе.
Способ 2. Использование пользовательского HTML-блока Гутенберга
Выберите пост в Instagram, нажмите на 3 горизонтальные точки в правом нижнем углу, а затем нажмите на «Вставить».
Нажмите на кнопку «Копировать код для встраивания». Вы можете исключить подпись, если хотите.
В редакторе Gutenberg нажмите знак «+», найдите «HTML-код» и добавьте этот блок.
Вставьте скопированный код в пользовательский блок HTML. Кода будет много, так что не стоит паниковать.
Чтобы просмотреть запись вы можете нажать на кнопку «Просмотр» в блоке.
Метод 2. Использование классического редактора
Если вы все еще используете классический редактор, следуйте второму методу, описанному выше, и вставьте код в текстовый редактор.
Выравнивание по центру встроенных сообщений Instagram в WordPress
Чтобы выровнять по центру встроенные посты Instagram, вам нужно добавить немного кода CSS. Не волнуйся, это просто!
Перейдите в Внешний вид > Настройка > Дополнительные стили и добавьте этот код.
.instagram-media{margin:0 auto !important;}
Не забудьте нажать кнопку «Опубликовать». Если встроенный пост будет слишком близок к пунктам выше, измените значение 0 из кода выше, другим значением (например, 15px, 20px, 33px и т. д.).
Например:
.instagram-media{margin:15px auto !important;}
Вам нужно только добавить этот код только один раз, и он автоматически выровняет по центру все встроенные посты из Instagram, которые вы добавите в будущем. Как видите ничего сложного здесь нет. А у нас на этом все. Всем пока!
С уважением Вячеслав и Валерия!