在WordPress的I帧(iframes in Wordpress)

2019-09-17 22:33发布

我想产生一些嵌入的iframe代码,因此用户可以包括在博客上的代码来显示内容,我打算提交。 现在,我想传递的内容仅仅是一个网站。 我尝试使用下面的代码在WordPress的博客:

<iframe width="420" height="315" src="http://www.cnn.com" frameborder="0"></iframe>

然而,当用户浏览网页的WordPress简单地输出一个链接“http://www.cnn.com”基于以下HTML。

<a href="http://www.cnn.com">http://www.cnn.com</a>

这就是说,如果我使用YouTube所产生的iframe代码的iframe加载罚款。 例如:

<iframe width="420" height="315" src="http://www.youtube.com/embed/_OBlgSz8sSM" frameborder="0" allowfullscreen></iframe>

结果是:

<iframe class='youtube-player' type='text/html' width='420' height='315' src='http://www.youtube.com/embed/_OBlgSz8sSM?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0'></iframe>

任何想法,YouTube会启用此功能或更一般如何让我的iframe的简单工作。

Answer 1:

我不知道为什么你会得到一个锚,而不是在iframe,但我知道,谷歌不希望自己的iframe中的主页。 如果你将不得不通过src http://www.google.com一个iframe,你会看到一个空的iframe。 也看到这个例子 。

=== UPDATE ===

WordPress的禁止除少数例外的I帧。 也许你可以用简码处理。 尝试添加下面的未经测试的代码到你的主题的functions.php。

// [iframe src="www.cnn.com"]
function iframe_func($atts) {
    extract(shortcode_atts(array(
        'src' => 'default'
    ), $atts));
    return '<iframe src="{$src}"></iframe>';
}
add_shortcode('iframe', 'iframe_func');

现在你可以添加[iframe src="www.cnn.com"]在WordPress管理的文章编辑器。



Answer 2:

创建一个简码为我解决这个问题,得到的方式。 它绕过了所见即所得的编辑器,并把该HTML页面。

我想接近它这样。

添加到您的functions.php文件:

function add_iframe($atts) {
    extract(shortcode_atts(array(
    'src' => '/'
    ), $atts));
  $theframe = '<iframe src="'.$src.'" width="420" height="315" frameborder="0"></iframe>';
  return $theframe;
}
add_shortcode('iframe', 'add_iframe');

用途:

添加[IFRAME SRC = HTTP://thesiteyouwanttoshow.com]到您想要的iframe显示的内容。



Answer 3:

如果您在iframe中加载自己的网页记住,大多数托管解决方案将设置为SAMEORIGIN xFrame选项,所以无论你在WordPress的改变,该网页将仍然还不如说是被封锁目标网站呈现。

如果您有这个问题,你将在目标网站,以及我花了几个小时这个问题,所以希望。 如果你正在主持在轨道上的解决方案,我发现答案是在这里和一个网站,将在WordPress的绝对加载,可以发现在这里 ,您可以随意使用端点作为测试。



Answer 4:

谷歌使用的X-Frame-Options报头(设置为SAMEORIGIN ),以防止你把它放在一个iframe中。 四处逛逛这需要用户使用不支持浏览器X-Frame-Options



Answer 5:

不幸的是,各大搜索引擎网站,如谷歌和雅虎(冰除外),因为它们提供的API和集成选项过多不允许的iframe嵌入。 因此,有真正为你做到这一点没有真正的方法。 如果你不上嵌入谷歌为你的iframe源计划,那么你应该在明确的与你在的地方目前的代码。 试试吧,只是更改源别的东西 - 谷歌将不在其位露面。 如果你想有一个搜索引擎有不幸的是惊恐,我说,冰是唯一可行的。

希望这可以帮助!

因此,在回顾 - 谷歌不会在iframe嵌入,但你生产的其他内容应根据你的编码:例如:

<iframe width="420" height="315" src="http://www.uncrate.com" frameborder="0"></iframe>

http://jsfiddle.net/pKby8/

你得到的锚是xFrame选择的结果。 当它连接到谷歌服务器的服务器踢回一个可爱的回应暗示你应该链接到他们,而不是iframe的。



Answer 6:

我想创建一个WordPress SHORT_CODE ,将插入您的iFrame输出。 我认为,通过直接在后箱的wordpress添加的iFrame代码改变它。

http://codex.wordpress.org/Shortcode_API



文章来源: iframes in Wordpress