Сайт в сайте (iframe) на wordpress — как сделать?
Как красиво сделать сайт в сайте? Чтобы к примеру в определенном разделе меню показывался другой сайт, внутри основного. Может есть какие-то готовые плагины, или это делается и так само по себе элементарно парой строчек?
И, уже хотелки: можно ли настроить отображение так, чтобы показывался не целиком весь сайт вместе с верхним меню и футером, а именно само тело, body? Т.е. только необходимая ключевая инфа.
- Вопрос задан более трёх лет назад
- 7158 просмотров
Комментировать
Решения вопроса 2
SabCoopers @SabCoopers
В своё время, для этих целей я пользовался плагином Advanced iFrame: https://wordpress.org/plugins/advanced-iframe/
Хотя можно просто пройтись поиском по слову iframe. Для вордпресс я видел много плагинов, аналогичных вышеприведённому.
Ответ написан более трёх лет назад
Нравится 1 1 комментарий
Виктор @victafonenko Автор вопроса
Воспользовался этим плагином. В целом все отлично. Правда я так и не понял, как настроить автоматическую подстройку высоты окна ifram’a , т.е. чтобы iframe разворачивался автоматически на весь экран. Автоподстройка ширины работает, а вот высоты — нет.
Игорь Воротнёв @HeadOnFire
PHP, Laravel & WordPress Evangelist
А зачем сайт в сайте? Iframe это зло 🙂
Если надо получить кусок сайта, само тело — Ajax в помощь. Банальная функция jQuery.load() позволяет загрузить конкретный фрагмент html (по ID) с удаленной страницы.
Как вставить iFrame на WordPress-сайт
Не секрет, что статическая веб-страница с меньшим количеством контента загружается намного быстрее, чем динамическая страница с изображениями и видео. Но эту проблему можно решить с помощью iFrame.
Обновлено: 2023-06-14 20:36:54 Ангелина Писанюк автор материала
Что такое iFrame?
iFrame – элемент HTML для отображения контента с другого сайта на своем собственном. Он выглядит как дополнительное окно, через которое пользователь может взаимодействовать с контентом, размещенном на другом сайте.
Получается, что можно создать динамическую страницу, не размещая контент на своем сервере. Таким образом, можно сэкономить место на сервере и повысить скорость загрузки сайта.
Например, если транслировать видео с YouTube на своем сайте, то пользователи смогут просматривать его без дополнительной нагрузки на сервер.
Примеры использования iFrame
Рассмотрим несколько примеров iFrame, которые используются для отображения информации.
Преимущества и недостатки iFrame
В использовании iFrame на WordPress-сайте есть и преимущества, и недостатки.
Преимущества
- Позволяет вставлять визуальный контент.
- Может отображать несколько рекламных объявлений.
- Удобный способ отображения контента из внешнего источника в любом месте сайта.
- Безопасно, поскольку у пользователей нет доступа к исходному коду контента.
Недостатки
- iFrame могут замедлять веб-страницу.
- Могут быть источником опасности, если ведут на вредоносные сайты.
- Не все типы устройств поддерживают iFrame.
- Ухудшают показатели SEO сайта.
Как вставить iFrame на WordPress-сайт, используя плагин
Существует довольно много подобных плагинов. Мы рассмотрим один из них –Advanced iFrame.
Чтобы установить плагин, просто войдите в панель администрирования WordPress и перейдите в раздел «Плагины» → «Добавить новый» и найдите плагин Advanced iFrame.
После установки и активации плагина перейдите в раздел меню «Advanced iFrame», вкладка «Basic Settings» .
Здесь можно установить ширину, высоту, границы и вид прокрутки iFrame.
Чтобы сохранить необходимые настройки и создать шорткод, нажмите кнопку «Generate a shortcode for the current settings» .
Скопируйте код и вставьте его на страницу сайта, на которой необходимо разместить iFrame.
Ширина и высота iFrame определены внутри шорткода. При необходимости их можно менять вручную.
Вот пример размещения фрейма с помощью шорткода на одной из страниц сайта.
Чтобы изменить ширину или высоту фрейма, поменяйте значения размеров в шорткоде.
[advanced_iframe use_shortcode_attributes_only="true" src="https://www.wpblog.com/" width="100%" height="600" ]
Проведем быстрый тест скорости работы WordPress-сайта до и после использования плагина для встраивания iFrame.
Разница в производительности огромна. После использования плагина количество запросов увеличилось с 8 до 98, а показатели производительности снизились с 96 до 86.
Как вручную вставить iFrame на WordPress-сайт
Синтаксис тега iFrame:
Чтобы установить необходимую ширину и высоту фрейма, добавьте в HTML-код соответствующие атрибуты и значения:
Проведем еще один тест скорости работы сайта, чтобы проанализировать производительность сайта до и после встраивания iFrame без помощи плагина.
Встраивание iFrame без помощи плагина демонстрирует практически аналогичные показатели скорости.
Оба метода дают полное представление о том, насколько iFrame могут снизить скорость работы веб-страницы. Но при этом фреймы помогают сэкономить ресурсы сервера и не влияют на производительность сайта в целом
Заключение
В этой статье я рассказал, зачем использовать фреймы на WordPress-сайте, и объяснил их преимущества и недостатки. Также мы рассмотрели два способа добавления iFrame и его влияние на скорость работы сайта.
Создать iframe в wordpress
Нужно создать пустую страницу где-то в папках wordpress, чтобы можно было подключить ее через iframe в одном из плагинов. Куда лучше ее поместить, и есть ли какие-то преграды/возможные баги?
Отслеживать
задан 2 апр 2021 в 17:59
solarisedigle solarisedigle
1,166 11 11 серебряных знаков 25 25 бронзовых знаков
Точно нужна дыра в виде ифрейма? Почему нельзя сделать нормально? Ида «где-то в папках ядра» ничего не создаётся.
2 апр 2021 в 18:39
@SeVlad а как иначе если блок поддерживает только html?
2 апр 2021 в 19:39
Стоит спросить то, что надо решить, а не придумывать черезанусные решения ru.meta.stackoverflow.com/questions/709/…
Открытие страницы /записи в iframe WordPress?
Купил статический шаблон в котором есть секция ‘рецепты ‘ и есть клавиша ‘открыть рецепт’ .
При нажатие на клавишу открывается через iframe (
страница которая лежит в корне сайта.
Хочу подобное сделать в Worpdress — при нажатие на клавишу ‘открыть рецепт’ что-бы подгружалась запись/страничка в iframe. Что б не было перехода на другую страницу , а все открывалось в одном окне.
То есть будет блок в котором будут посты с кратким описанием и как обычно в вп при переходе ты получаешь полную страничку с деталями. А здесь, что бы в iframe прямо на страничке подгружалось. Какой тег нужно всунуть в iframe или не все так легко?
Очень , прям очень-очень нужны практические советы .
- Вопрос задан более трёх лет назад
- 462 просмотра