在wordpress文章中插入其他页面

如何将做好的网页插入到wordpress页面中,以框架的形式来显示插入的页面。可能你会疑惑,有什么必要让wordpress插入其他页面?为什么不直接在wordpress页面中直接编辑呢或者添加文章自定义字段呢,或者直接用其他的插件编辑页面呢。

这里的应用场景不是在当前的页面中来显示的,就是想把其他网站,这里其实也可以是自己的网站,把内容以iframe形式显示而已。这里有两种方法,

第一种方法:将物理页面,也就是页面的实际文件上传到我们的wordpress主题网站中,将连接添加至菜单(再将菜单放在网站导航上),或者放在侧栏的小工具,就可以在你的网站页面进行访问了。

注意事项:

1.要保证下载下来的网页可以打开,注意有无图片调用的文件夹,保证上传文件的完整性。

2.网页的编码(wordpress一般为UTF-8,国内网站多为GBK)是否和你网站相同,如果不同就需要转码。代码编辑类软件有很多,这里推荐大家使用phpstorm,一款专业编辑php的编辑器。

3.在用phpstorm打开另存换编码的过程中,希望大家研究一下代码,更改该一下标题和一些文字信息,让它更符合自己的网站。

第二种方法、将网页上传到网站目录下,在wordpress文章页面编辑时通过代码(如下文红色代码)来调用这个独立的页面,其实原理和上面的方法一是一样的。

<div id="hx_iframe" class="hx_iframe">
<iframe id="content01" src="/文件夹名称/文件名.html" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
/div>

注意事项:

1.height这个需要反复调试,最终确认合适的高度。

2.scrolling表示不自适应(固定值),可以选yes一直自适应,auto自动自适应(建议)。

新手站长一般前期都会去复制修改别人的网页为自己所用,在这个过程中慢慢学习体会,渐渐的就成了富有经验的熟手了。希望这篇文章为不知道如何复制和修改别人的网页的新手站长带去福音。

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器

电话咨询

7*12服务咨询电话:

133-7205-6573

微信咨询