如何在wordpress中嵌入一个网页(indiegogo)

时间:2015-08-04 19:23:53

标签: javascript html css wordpress iframe

我即将举行的indeogogo活动。我想将支持它的人不是重定向到indiegogo网站本身,而是重定向到我们自己的网站,他们会看到它,但仍然有顶部导航栏的附加好处,它还链接到页面的其他部分。 我看到有一些叫iframe的东西,但是当我尝试它时,似乎只将框架中的外部页面构图,这意味着要完全看到它,你必须做额外的滚动才能真正破坏功能。 这里有什么想法? 谢谢!

示例代码:<iframe src="https://www.indiegogo.com/projects/xyz123"></iframe> 实际上我也无法真正做到这一点。 人们如何链接到其他网站但保留顶部的导航栏?我见过链接推介人员,就像adfly

3 个答案:

答案 0 :(得分:0)

由于源同源策略,您需要为(X-Frame-Options)--response标头配置Web服务器。请点击此链接查看相关信息 - https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

答案 1 :(得分:0)

您必须使用indiegogo的嵌入工具:https://support.indiegogo.com/hc/en-us/articles/527366-How-to-Add-a-Widget-to-your-Blog

首先,确保您的Wordpress博客安装了Wordpress iframe插件:

登录您的Wordpress博客。 转到http://wordpress.org/plugins/iframe/安装iframe插件 其次,生成嵌入广告系列小部件的代码:

返回您的Indiegogo广告系列页面 确保您已登录Indiegogo帐户 点击&#34;嵌入&#34;您的主音高视频或图像下方的按钮。 “嵌入”按钮仅在您的广告系列发布后才可用。 复制刚刚生成的链接,它应该如下所示&#34; <iframe src="https://www.indiegogo.com/project/xxx/embedded" width="222px" height="445px" frameborder="0" scrolling="no"></iframe>&#34; 第三,在Wordpress博客中插入代码:

接下来,重新登录您的Wordpress博客。 转到您的博客仪表板。 点击您要添加广告系列小部件的页面 粘贴您在Indiegogo上生成的链接

答案 2 :(得分:-1)

如果您正在使用jQuery,可以尝试使用jQuery get()或加载方法在div中显示结果:

jQuery.get("yoururl", function(data){
    jQuery("#content").html(data);
}

OR

jQuery("#content").load("yoururl");