基于wordpress的网站中插入自制的HTML页面

  • A+
所属分类:网站建设
摘要

自制的HTML页面插入基于wordpress的网站或wordpress文章中。

基于wordpress的网站中插入自制的HTML页面
       我们已经基于wordpress制作了博客网站,但我们又不甘于仅使用wordpress写文章,自己又动手写了网页,那么应该怎样在网站上访问此网页呢?

测试网页

此网页 是我写一个简单的同时得到谷歌、百度搜索结果的网页。一次输入,两种结果。

两种方法

上传到wordpress根目录

将网页所需的CSS、js、html文件放入文件夹中,并上传至wordpress根目录(即index.php、404.html所在的目录)。然后通过xxx.com/文件夹名/文件名即可访问。上述测试网页的访问地址为:http://aicsdn.com/gbsearch/index.html

通过主题模板功能上传

步骤1:将 xx.html 修改为page-template-xx.php ,然后在该文件头部添加:

上传至当前主题目录中,比如:wordpress根目录/wp-content/themes/主题名/

步骤2(可选):如果我们所写的网页需要使用CSS、js、图片等外部资源,可以将这些文件上传到主题目录下,然后修改引用地址为:

步骤3:在WordPress后台创建别名为 xx 的页面并选择页面模板为我们创建的 xx页面模板(不用写入内容),然后发布,即可在所有页面中找到我们所写的网页。

拓展

在文章中插入网页

我们可以在所写的文章中插入网页,代码如下(注意请在文本模式下输入,不要在可视化模式下输入):

src的值即为HTML文件所在地址,是基于第一种方法的。
效果如下:

许龙涛

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: