Как встроить код iframe в WordPress 3 простыми способами

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

iframes позволяют встраивать на ваш сайт контент сторонних разработчиков или контент, размещенный на других платформах. Обычно для этого требуется только HTML-тег и адрес исходной страницы. Основное преимущество iframe заключается в том, что встроенные медиафайлы отображаются и полностью функционируют на вашем сайте, сохраняясь на исходной странице. Это означает, что вы не используете собственное пространство для хранения данных. Этот подход особенно полезен при встраивании в WordPress больших файлов, таких как видео или календари. Поскольку файлы не размещаются на вашей странице, ваш сайт не замедляется.

В WordPress вы используете iframes, когда планируете добавить свой собственный контент, но не хотите использовать слишком много дискового пространства. Хорошим примером может быть вставка видеоролика о вашей компании. Вы можете загрузить его на свой канал YouTube и вставить с помощью iframe на свой сайт WordPress. Таким образом, нагрузка по хранению ложится на YouTube, но фильм по-прежнему доступен для просмотра на вашем сайте.

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

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

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

У вас есть несколько вариантов добавления iframe в WordPress. Ручной вариант предполагает простую вставку соответствующего кода в редактор. Этот код выглядит следующим образом:

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

Однако встраивание веб-страниц возможно только с использованием одного и того же протокола передачи гипертекста (HTTP). Поэтому если ваш сайт использует SSL-сертификат и, следовательно, HTTPS, а исходная страница — нет, встраивание не будет работать.

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

Когда вы нажимаете на кнопку, открывается новое окно с различными опциями. Слева вы найдете кнопку «Вставить».

Выбрав эту опцию, вы можете скопировать фрагмент HTML или URL-адрес источника. Затем вы вставляете его в iframe на вашей странице WordPress.

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

Нажмите на нее, и появится новое окно с опцией «Embed».

Действуйте, как описано выше.

В качестве альтернативы вы можете встроить контент с помощью плагина iframe на WordPress. Это работает очень похоже на ручной подход, но вместо HTML-тега создается шорткод. Настройка выполняется быстро и легко. Просто активируйте нужный плагин iframe и сразу же приступайте к работе. Задайте различные параметры и убедитесь, что видео, карта или календарь оптимально вставлены в WordPress.

К наиболее популярным плагинам iframe относятся:

• Расширенный iFrame (доступен в виде платной версии Pro)
• Простой ифрейм
• Включи меня

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

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