Как использовать iFrame с WordPress?

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

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

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

Да, решение — iFrames. Используя iFrames, вы можете легко вставлять файлы, видео и другой контент на свой сайт. Кроме того, юридические формальности по обмену контентом или место на вашем сервере больше не беспокоят.

Не волнуйтесь, если вы не знаете, как использовать iFrames с WordPress. В этом руководстве есть три простых метода, которые помогут вам.

Но сначала давайте начнем с введения:

Что такое iFrame?

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

Почему вы должны использовать iFrame?

Есть две основные причины для использования iFrames. Они есть:

1. Сохранение вашего хранилища и пропускной способности

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

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

2. Как избежать проблем с авторскими правами

Еще одним преимуществом использования iFrames является то, что это помогает избежать нарушения авторских прав. Вместо того, чтобы загружать чужие видео/файлы и загружать их на свой сайт, вы просто отображаете их с помощью iFrames. Использование iFrames — более этичный и простой способ обмена контентом.

3. Автоматическая синхронизация

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

Как использовать iFrame с WordPress

Вот три простых способа использования iFrames с WordPress:

Способ 1: использование кода для встраивания из исходного кода и добавление iFrame

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

Вот шаги, чтобы использовать iFrame с помощью кода для встраивания:

• Перейдите к источнику, откуда вы хотите взять контент.

Вот пример копирования embed кода видео с YouTube:

• Перейдите к видео, которое вы хотите встроить с Youtube.
• Нажмите на кнопку «Поделиться» под видео.

• Появится экран с множеством опций. Нажмите на опцию «Встроить».

• YouTube показывает вам код для встраивания этого видео. Скопируйте это.

• Мы также рекомендуем выбрать параметры «Показать элементы управления проигрывателем» и «Включить режим повышенной конфиденциальности» внизу.

Теперь вы можете вставить код, который вы только что скопировали, в свой пост. Для этого:

• Перейдите в панель управления WordPress.
• Перейдите к опции «Страницы» и нажмите «Добавить новую». Вы также можете добавить код на существующую страницу/публикацию.

• Добавьте блок HTML на свою страницу.

• Теперь вставьте в этот блок код для встраивания, который вы скопировали ранее.

• Затем вы можете просмотреть изменения. Проверьте, правильно ли работает встраивание.

ПРИМЕЧАНИЕ. Если вы используете классический редактор WordPress, вы можете вставить код для встраивания в параметр просмотра «Текст». Однако переключение представлений между «Визуальный» и «Текстовый» может вызвать проблемы со встроенным кодом iFrame.

Способ 2: использование плагина WordPress для использования iFrame

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

• Перейдите в панель управления WordPress.
• Перейдите к опции «Плагины» на левой боковой панели.
• Нажмите на опцию «Добавить новый».

• Найдите плагин iframe, установите и активируйте его.
• После активации вы можете использовать плагин без дополнительной настройки.
• Перейдите к записи/странице или создайте ее.
• Добавьте блок шорткода в редактор.

• Напишите следующий шорткод, чтобы встроить свой код iFrame.

 [iframe src="URL"]

Здесь вам нужно вставить URL-адрес контента, который вы хотите встроить на свой сайт. Мы покажем пример встраивания карты Google.

• Вы можете сохранить или просмотреть изменения. Это будет выглядеть примерно так:

ПРИМЕЧАНИЕ. Иногда копирование URL-адреса может не сработать. В этом случае скопируйте код для встраивания из источника. Скопируйте только URL-адрес из этого кода и удалите остальные.

Способ 3: создание кода iFrame вручную и встраивание в WordPress

Если вы не хотите использовать плагин iFrame, вы можете вручную создать код iFrame следующим образом:

• Перейдите в панель управления WordPress.
• Перейдите к записи/странице или создайте ее.
• Добавьте блок «HTML» в редактор.

• Скопируйте и вставьте следующий код.

 <iframe src="URL"></iframe>

• Замените раздел «URL» прямым URL-адресом контента, который вы хотите встроить на свой сайт.

Вот пример встраивания карты Google:

После предварительного просмотра это будет выглядеть примерно так:

Специальное примечание

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

Вот некоторые часто используемые параметры:

• Ширина: использование параметра ширины позволяет вам установить определенную ширину для вашего iFrame в пикселях.

• Высота: используя параметр высоты, вы можете настроить высоту окна iFrame на вашем сайте в пикселях.

• Разрешить: с помощью параметра «Разрешить» вы можете установить определенное поведение по умолчанию для вашего iFrame. Некоторые распространенные варианты поведения — полноэкранный просмотр и обработка платежей.

• Важность. Использование этого параметра позволяет указать, когда следует загружать iFrame.

Например:

 [iframe src="URL” width="600" height="450" frameborder="0"”]

Или,

 <iframe src="URL" width="900" height="700" allow="fullscreen"></iframe>

Вывод

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

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

В этой статье мы рассмотрели три простых способа использования iframe в WordPress. Дайте нам знать, если это было полезно.

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

Часто задаваемые вопросы