如何将外部对象放入WordPress中,以占据大部分可用空间?

时间:2015-07-30 作者:Dmitrii Pisarenko

我有一个WordPress网站。我想在其中一页中插入另一页,用AngularJS编写。该页面是Spring引导系统,将托管在与WordPress页面不同的计算机上。

当我将这个外部组件嵌入到WordPress中时,我希望它在屏幕上占据尽可能多的空间(见下面屏幕截图中的绿色矩形)。

Screenshot

如果我只是以通常的方式将其插入页面(如插入YouTube视频),则组件的宽度受内容部分(红色矩形)的宽度限制。那不是一个选择,我需要更多的空间。

我怎么能

将外部组件放入WordPress站点,使其占据页面的整个宽度,并且所有其他页面不受此更改的影响(具有相同的主题等)。

1 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

这不是wordpress的问题,除了最后一个选项之外,您可能会在堆栈交换上得到不同的、可能更好的答案。

有三个选择一个丑陋,一个需要额外的工作,还有一个非常困难,但可能是正确的选择。

Ugly: 将外部对象放在一个iframe中,并编写一些JS,自动将iframe的宽度和高度调整到可用空间。处理浏览器调整大小事件的额外积分

Extra work: 使用一些Jquery代码(不必,但每个人都会这么做)将外部对象加载到内存中。解析它并将相关部分插入页面上的div中(使用短代码为非techi用户指明div的位置)

super hard: 更改外部站点以支持oembed并返回请求的相关html,更改wordpress以将外部站点识别为oembed的有效源。在帖子中,在外部网站上插入相关url。

结束

相关推荐

Embed tag length issues

我的媒体库中有一个pdf,我正试图将其嵌入到页面中。宽度可以,但长度不行。我试图在屏幕上基本上表示8.5 x 11。由于屏幕长度仅为3-4英寸,其余为滚动条。<embed src=\'http://example.com/wp-content/uploads/.../somefile.pdf\' width=\'1000px\' length=\'1200px\' /> 我甚至尝试使用length=\'100%\'。