我们如何将不同站点的外部页面嵌入到我们的 wordpress 站点的页面上？答案

【问题标题】：How can we embed the external page of different site on a page of our wordpress site?我们如何将不同站点的外部页面嵌入到我们的 wordpress 站点的页面上？
【发布时间】：2014-12-02 18:35:04
【问题描述】：

实际场景 - 我们有一个 wp 多站点。我需要在子站点的页面上显示父站点页面的内容。如果您需要对问题进行任何澄清，请告诉我。

我尝试了一些方法—— 1）使用 switch_to_blog 方法，但问题是 - 我在我的主站点页面上使用页面构建器小部件，当此方法获取子站点上的内容时，它没有显示具有正确布局的内容。

2) 使用 iframe - 我找不到在 iframe 属性中编写 css 的任何方法。

我在这里添加我如何使用 iframe 的方式。

<iframe class="my_irame" src="http://externalpage.com"></iframe>

这输出我 -

<object id="myframe" width="100%" height="600px" myfunction()"="" style="overflow:auto;> </object>
<html>
<body>
<div id="header">some text</div>
<div class="container>some text</div>
</body>
/html>

我关心的是隐藏 id 为 header 的 iframe 中的 div。

【问题讨论】：

我理解正确吗。使用 iframe 时，您想更改 iframe 内页面的样式？
是的，正确的。这也可以作为那里的解决方案帮助我。
我还添加了使用 iframe 的方法以及我需要解决的问题。
如果是这种情况，您可以同时编辑这两个网站，那么我可以给您一个技巧，让您从父网站获取信息，并只为 iframe 设置不同的样式。我会将破解作为答案发布。

标签： html wordpress iframe

【解决方案1】：

如果您希望仅更改父站点 iframe 中内容的样式，我建议您执行以下操作。

在您想要将内容拉入的页面上创建 iframe，如下所示：

<iframe class="my_irame" src="http://externalpage.com/folder/pagename?iframe=show"></iframe>

在上面的 iframe 中，我们向加载 iframe 内内容的页面发送了一个 get 请求。

然后在网站上拉入 iframe，您在使用 PHP if 语句的 </head> 结束标记之前在其他样式下方创建一个新样式表。

<?php if($_GET['iframe']=='active'){ ?>
        <link href="styleSheetToOverWriteAllOtherStyle" rel="stylesheet" type="text/css" />
    <?php } ?>

上面的样式表只会在?iframe=active 被用在 URL 或 src 中的地方使用。因此，仅在您的 iframe 上，您就可以在此样式表中隐藏父站点的标题，而不会影响父站点的样式。然后，您实际上可以覆盖父站点中 iframe 的所有样式。

如果 iframe 中有链接，请告诉我，因为这会使它变得更复杂一些。特别是如果他们重新加载 iframe。

【讨论】：