在WordPress页面中插入HTML页面

时间:2016-02-28 作者:Amul Bhatia

我知道这可能是一个重复的问题,但无论给出什么解决方案,都没有任何帮助。。

我已经创建了页面

http://creditsmart.in/wp-content/themes/voice/emicalc.html
我只想将此页面添加到我的WordPress页面。。

1) 我使用iframe尝试了“文本”模式。什么都没发生<我已经直接把我的html放在WordPress页面上了。。什么都没发生<另外,无论上面的css和JS(chemical.html)页面引用的是什么,我都将相同的引用放在了页眉上。php也是。然后我试着把标签放在Wordpress页面上。。还是什么都没发生。。

我不想使用任何插件。请

共享视频以更好地了解问题-http://tinypic.com/r/2d93709/9

任何帮助都将受到高度赞赏

2 个回复
最合适的回答,由SO网友:jgraup 整理而成

你不能,因为这是一个不安全的页面http 但你正在加载到https 页它叫Mixed Content.

将您的协议调整为// 希望它结束https.

<iframe src="//creditsmart.in/wp-content/themes/voice/emicalc.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "300px" width = "100%">
</iframe>
(iframe代码根据@Ittikorn的答案修改)

如果文件位于同一主题目录中,则可以创建一个短代码:

[emicalc]
然后渲染本地文件:

function emicalc__shortcode( $atts ) {

    $content = file_get_contents( get_stylesheet_directory() . \'/emicalc.html\');
    return $content;
}

add_shortcode( \'emicalc\', \'emicalc__shortcode\' );
如果是远程的,您可以使用wp_remote_get() 而不是file_get_contents() 但它要求您使用服务器提取内容,而不是允许客户端这样做。

没有其他窍门/https 只能加载https / http 始终可以加载https.

SO网友:Ittikorn S.

我试着插入这个iframe 将代码转换为文本模式,它似乎正在工作。如果高度值不合适,可以调整它,但请尝试将宽度值保留为100%。

<iframe src="//creditsmart.in/wp-content/themes/voice/emicalc.html" name="frame1" scrolling="auto" frameborder="no" align="center" height = "300px" width = "100%">
</iframe>