首页 > 技术 > 技巧经验 > 在wordpress中放置单独的html页面或者网站
2017
05-09

在wordpress中放置单独的html页面或者网站

前言

可能有不少人和笔者一样,喜欢在博客里放一些小工具的链接,比如图床,网盘等。不过这些工具再部署到lnmp却又有些繁琐。这里笔者就给大家提供不用经过vps,直接在wordpress中放置网页或者站点的方法。

方法一:放在下一级目录,通过子页面访问

wordpress的构造很简单,我们平时访问wordpress博客的主目录一般就是根目录下的index.php。根据这个条件,只要将需要部署的网页或站点放在下一级目录,通过在主域名后面加

1
/文件名

,通过子页面访问即可。

1.将文件上传到对应目录

在wordpress根目录(也就是index.php所在目录)下建立文件夹,文件夹名为你想要子页面访问的域名后缀。将网页(单个网页要改名为index.html)或者网站整个放入文件夹中

2.添加自定义链接

进入仪表盘——外观——菜单,添加一个自定义链接
在wordpress中放置单独的html页面或者网站 - 第1张  | Qlog
链接地址填写”博客地址” + “/” + “文件夹名”
例如,我的图床网站文件夹名为

1
shudong_share

则链接地址为

1
http://www.xyzardq.com/shudong_share

方法二:将网页添加为模板(仅适用于单个网页)

1.将html网页转化为php网页

将 xx.html 修改为page-template-xx.php(文件名随意,只要是英文即可,此处为范例),然后再该文件头部添加:


1
2
3
4
5
<?php
/*
Template Name: page-template-xx
*/
?>

然后上传到你当前使用的主题目录中

2.在wordpress中调用该模板

进入仪表盘——页面,创建一个新页面,在右侧的模板中选择新创建的模板,内容不用填写,发布即可。

关于CSS、JS、图片等外部文件

如果你的页面有引用CSS、JS以及图片,例如:sample.css、sample.js、sample.jpg,可以将这些文件一并复制到主题目录下,然后引用地址改为:


1
2
3
<link href="<?php echo get_template_directory_uri(); ?>/sample.css" rel="stylesheet" type="text/css" />
<script src="<?php echo get_template_directory_uri(); ?>/sample.js"  type="text/javascript"></script>
<img src="<?php echo get_template_directory_uri(); ?>/sample.jpg" />

参考资料

如何把自己单独做的HTML页面放到基于 WordPress 的网站上?

最后编辑:
作者:xyzardq
这个家伙有点懒,什么都没有写

留下一个回复

你的email不会被公开。