Advanced iFrame Pro — можно купит за 5,25 $
Описание
Шорткод [iframe src=»http://www.youtube.com/embed/oDlbBy9vfgI» width=»100%» height=»500″]
должен выглядеть примерно так:https://www.youtube.com/embed/oDlbBy9vfgI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=de-DE&autohide=2&wmode=transparent
WordPress удаляет HTML-теги iframe из соображений безопасности.
Шорткод iframe является заменой html-тега iframe и принимает те же параметры, что и html-тег iframe.
Вы можете использовать шорткод iframe для встраивания контента с YouTube, Vimeo, Google Maps или любой внешней страницы.
Если вам нужно встроить контент с YouTube, Vimeo, SlideShare, SoundCloud, Twitter по прямой ссылке, вы можете использовать шорткод.
Шорткод https://youtube.com/watch?v=oDlbBy9vfgI%22%5D%3C shortcode.
shortcode is a core WordPress feature and can embed content from many resources via direct link.
Important: You can not embed HTTP pages into HTTPS pages and vice versa.
So the protocol (http or httpS) for parent and embedded page should match.
IFRAME PARAMS:
- src – source of the iframe:
[iframe src="http://www.youtube.com/embed/oDlbBy9vfgI"]; by default src=“http://www.youtube.com/embed/oDlbBy9vfgI“; - width – width in pixels or in percents:
[iframe width="100%"]or[iframe width="600"]; by default width=“100%“; - height – height in pixels:
[iframe height="500"]; by default height=“500″; - scrolling – with or without the scrollbar:
[iframe scrolling="no"]; by default scrolling=“yes“; - frameborder – with or without the frame border:
[iframe frameborder="0"]; by default frameborder=“0″; - marginheight – height of the margin:
[iframe marginheight="0"]; removed by default; - marginwidth – width of the margin:
[iframe marginwidth="0"]; removed by default; - allowtransparency – allows to set transparency of the iframe:
[iframe allowtransparency="true"]; removed by default; - id – allows to add the id of the iframe:
[iframe id="custom_id"]; removed by default; - class – allows to add the class of the iframe:
[iframe class="custom_class"]; by default class=“iframe-class“; - style – allows to add the css styles of the iframe:
[iframe style="margin-left:-30px;"]; removed by default; - same_height_as – allows to set the height of iframe same as target element:
[iframe same_height_as="div.sidebar"],[iframe same_height_as="div#content"],[iframe same_height_as="body"],[iframe same_height_as="html"]; removed by default; - any_other_param – allows to add new parameter of the iframe
[iframe any_other_param="any_value"]; - any_other_empty_param – allows to add new empty parameter of the iframe (like „allowfullscreen“ on youtube)
[iframe any_other_empty_param=""];
Screenshots
Mitwirkende & Entwickler
„iframe“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:Mitwirkende
В тренде
Предварительный просмотр в реальном времени Скриншоты
Включите контент так, как вам нравится, в iframe, который может скрывать и изменять элементы и пересылать параметры. Вы также можете вставлять содержимое напрямую или отображать часть iframe.
Пожалуйста, проверьте раздел быстрого старта перед покупкой! Там вы узнаете, какие функции доступны для вас! Например, чтобы изменить размер содержимого по высоте или изменить CSS удаленного iframe, ВАМ НЕОБХОДИМО ДОБАВИТЬ ОДНУ СТРОКУ JAVASCRIPT НА УДАЛЕННУЮ СТРАНИЦУ !!!!! Также вы не можете включать HTTP-страницы в HTTPS-страницы! Вы должны иметь базовые знания html/css, чтобы иметь возможность идентифицировать элементы вашей веб-страницы.
В том же домене или если вы можете использовать внешний обходной путь, вы можете изменить размер iframe до высоты iframe . Также обнаруживаются динамические изменения размера в iframe и поддерживается даже автоматическая высота скрытых элементов .
Даже если вы НЕ находитесь в том же домене и НЕ можете изменить внешнюю страницу, вы можете показать часть удаленного iframe . С включенным селектором области вы можете просто выбрать область, которую хотите показать, с помощью мыши. Также вы можете скрыть определенные области другой страницы. Для идеальной интеграции также поддерживается масштабирование !
Вы можете масштабировать содержимое iframe с фиксированным коэффициентом , а также с помощью автоматического масштабирования , которое вычисляет коэффициент в зависимости от размера браузера. Особенно на неадаптивных страницах это может быть единственным решением для мобильных устройств.
Вы можете динамически изменять css родителя и, в зависимости от ваших настроек, даже страницы iframe . Таким образом, вы можете скрыть такие элементы, как верхний и нижний колонтитулы, или перезаписать статические размеры, чтобы сделать страницу более отзывчивой.
Ленивая загрузка — это идеальная функция для увеличения времени загрузки вашей страницы. Итак, сначала загружается ваша главная страница, а затем iframe . Вы также можете загрузить iframe, когда он виден только или загрузить iframe нажатием кнопки .
Загрузка фреймов часто занимает дополнительное время. Итак, теперь вы можете показывать своим пользователям значок загрузки , пока iframe не загрузится полностью.
В Advanced iframe pro есть несколько опций, позволяющих сделать ваши фреймы адаптивными . Также поддерживаются видео . Пожалуйста, смотрите эту запись в блоге для деталей.
Многие веб-сайты выглядят по-разному на разных устройствах. Благодаря встроенному обнаружению браузера вы можете отображать разные iframe или разные части iframe в зависимости от обнаруженного устройства.
Вы можете динамически изменять целевые ссылки родителя и, в зависимости от ваших настроек, даже страницы iframe . В iframe теперь можно менять даже ссылки! Это также позволяет открывать ссылки напрямую в дополнительном слое iframe . Таким образом, пользователи не покидают вашу веб-страницу, даже если они выбирают внешние ссылки! Пользовательский верхний/нижний колонтитул также может быть включен в слой.
По умолчанию не все версии IOS поддерживают прокрутку внутри iframe. Обходной путь IOS в сочетании с обнаружением браузера реализован в плагине, поскольку обходной путь IOS не работает в других системах!
Поддерживается множество вариантов анализа параметров. Вы можете пересылать параметры от родителя, и у вас есть много заполнителей, таких как текущее имя пользователя WordPress. Вы даже можете добавить URL-адрес iframe в качестве параметра к родительскому URL-адресу, чтобы иметь возможность добавить в закладки текущую выбранную страницу.
Включен виджет для добавления фреймов или даже любого шорткода в ваши области виджетов .
Эта функция позволяет вам предлагать части вашего сайта всего двумя строками кода (js + iframe). См. « контент-фильтр » и решение « Добавить ai_external.js local ».
Средство проверки iframe теперь включено внутри и может также проверять один раз в день все ваши iframe! Начиная с версии 2020, это делается параллельно, а также проверяет iframe, который НЕ является расширенным iframe iframe! Таким образом, вы можете отслеживать уже существующие фреймы, если они все еще могут быть включены! Каждый, кто использует iframes, должен использовать эту функцию, чтобы убедиться, что пользователи не видят внезапно пустые страницы.
Вы можете использовать этот плагин не только в WordPress, но и на любой php-странице , куда вы можете вставить несколько строк кода!
Safari и IE по умолчанию не очень хорошо поддерживают файлы cookie в iframe. Также все другие браузеры можно настроить так, чтобы это не работало. Сторонний файл cookie в обходном пути iframe обеспечивает возможное решение этой проблемы!
Блок Gutenberg также включен, чтобы легко добавить iframe с предварительным просмотром в ваш редактор.
Инструкция по началу работы
Краткое руководство также доступно в виде обучающего видео .
Чтобы добавить веб-страницу на свою страницу, сначала проверьте следующее:
- Проверьте, разрешено ли включение вашей страницы:
http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker ! - Проверьте, являются ли страница iframe и родительская страница одним и тем же доменом. www.example.com и text.example.com — разные домены!
- Можете ли вы изменить страницу, которая должна быть включена?
Скорее всего, у вас есть одна из следующих настроек:
- iframe не может быть включен: вы не можете включить контент, потому что владелец не разрешает это.
- iframe может быть включен, и вы находитесь в другом домене: см. таблицу сравнения функций и обзор доступности функций . Чтобы изменить размер содержимого по высоте/ширине или изменить css, вам необходимо изменить удаленную страницу iframe, добавив одну строку Javascript, чтобы включить предоставленный обходной путь.
- Iframe может быть включен, и вы находитесь в том же домене: можно использовать все функции плагина.
Проверьте сравнительную таблицу функций, какие функции доступны для вашей установки. Пожалуйста, сделайте это перед покупкой! http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart
Чтобы ввести простой iframe, перейдите в администрацию и следуйте инструкциям на вкладке основных настроек. Там вы можете либо использовать базовый шорткод и задать настройки в администрации, либо перезаписать настройки прямо в шорткоде. Также прочтите FAQ и посмотрите бесплатные и профессиональные примеры .
Опытные пользователи, у которых есть собственный сервер, также могут настроить обратный прокси-сервер, если страница iframe находится в другом домене и не может использовать внешний обходной путь. Подробнее см. в этом блоге .
Если вы смешиваете http и https, прочитайте этот блог . Родительские https и iframe http работают не во всех браузерах!
Монтаж
- Установите zip с помощью установщика плагинов WordPress по умолчанию или загрузите папку «advanced-iframe» из zip-файла в каталог «/wp-content/plugins». Убедитесь, что файл advanced-iframe.php находится в каталоге /wp-content/plugins/advanced-iframe
- Активируйте плагин через меню «Плагины» в WordPress.
- Разместите «[advanced_iframe]» на своих страницах или в сообщениях. Дополнительный ключ безопасности можно найти в меню «Настройки» -> «Дополнительно iFrame Pro».
Обновление/обновление
Новый Вордпресс 5.5. Просто скачайте новую версию и установите ее. WordPress обнаруживает, что плагин установлен, и спрашивает, хотите ли вы его обновить. Просто нажмите Да, и все готово. Все настройки находятся в базе данных. Так что ничего не потеряно. Пожалуйста, сохраните расширенные настройки iframe один раз, чтобы обновить сгенерированный файл ai_external.js до последней версии!
Просто загрузите zip-файл с codecanyon и перезапишите все файлы из предыдущей установки с помощью ftp или удалите плагин (бесплатный или профессиональный) и снова установите новую версию. Все настройки сохраняются в базе данных, так что вы ничего не потеряете. Также используйте этот способ, если вы использовали личную версию, которую вы можете получить на wordpress.org. Если после обновления у вас остались пустые радиоэлементы, просто выберите тот, который вам нравится, и снова сохраните.
Пожалуйста, сохраните расширенные настройки iframe один раз, чтобы обновить сгенерированный файл ai_external.js до последней версии! В производственных системах вы должны добавить счетчик версий в ai_external.js, чтобы избежать кэширования, если вы используете внешний обходной путь, например: …//fjngqp1mvftjzxfzrdiggafze9wxueam.cdn-freehost.com.ua/ai_external.js?version=6
Живые демонстрации
Проверьте демо-версию для рабочих примеров большинства основных функций. Примеры — хорошее начало для любой функции, которую вы хотите использовать.
Администрация
Перейдите в «Настройки» -> «Дополнительно iFrame Pro».
Расширенные атрибуты iFrame Pro
Пожалуйста, перейдите к администрации для всех возможных атрибутов короткого кода. Если вы используете только один iframe, пожалуйста, используйте настройки в администрации, потому что там каждый параметр подробно объясняется, а также там установлены значения по умолчанию.Пример: [advanced_iframe securitykey=»123451234512345″ src=»
http://www.tinywebgallery.com» width=»100%» height=»500″]
Часто задаваемые вопросы
Последние ответы на часто задаваемые вопросы можно найти здесь:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq/ Перейдите туда, если вы, например, хотите разместить несколько iframe на одной странице.
Вы также найдете документацию, включенную в загрузку, на странице часто задаваемых вопросов.
Оценить Advanced iFrame Pro
Пожалуйста, не стесняйтесь оставлять рейтинг предмета на странице загрузки предметов, если вы еще этого не сделали.Пожалуйста, свяжитесь со мной, прежде чем поставить плохой рейтинг, потому что большинство проблем легко решить. Также убедитесь, что вы ознакомились с кратким руководством, чтобы убедиться, что функция, которая вам нравится, может быть использована!
Журнал изменений и функции advanced iframe pro v2021
Реализованы следующие интересные функции по сравнению с обычным iframe:
См. полный список функций на сравнительной таблице:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart .
См. полную историю здесь:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-history