因思维新建站官网:jz.inspinovation.com
文i鲁掌柜
继上篇了解了wp模板目录结构和搭建后,现在可以开始建立我们的第一个页面了。
上一篇有提到,wp模板的最最基本的构成是一个index.php和style.css,那么既然是一个系统里的模板,wp对这两个文件有什么要求呢?又怎么利用wp快速的搭建我们想要的效果呢?请看下面
style.css文件:打开style.css,首先需要填写好属于我们自己模板的信息,英语稍微好点的就能够理解各个标题的含义,英语不好的。。。就百度去吧
这时我们打开wp后台的更换主题就能发现我们的test模板了,但是上面却是空白一片,这是为什么呢?废话。。一个全空白的,wp怎么知道你想做一个什么样的网站,但是看其它的模板都有漂亮的封面啊,我们该如何为自己的模板创造一个封面呢?
其实很简单,找一个喜欢的图片,命名为screenshot.png然后放到模板文件夹下,再刷新看看是不是就有了。
index.php:作为主文件,wp对这个页面可以说其实没什么必要的要求,但是要想简单快速做出一个内容丰富的页面,我们也需要了解一些wp自带的数据操作的方法。再编写这个文件之前,按照通常的习惯,也为了提高代码的重用,我们建立header.php文件,并在index.php文件中顶部使用来引用。在头部文件中,我们可以建立页面的基本信息,引用文件,但是这里引用文件的地址需要用wp专门的方式,否则是引用不了的。在页头中引用css和js的方法有两种:
1. 使用该方法可以直接输出style.css的路径
2.该方法会直接输出模板的根目录,可以在后面加style.css引用,如果有专门的css文件夹,也可以在路径上添加,如/css/style.css。
3.如果有童鞋试过第二个方法,将style.css放到了专门的文件夹中,此时在后台有没有发现test的模板不见了呢,是的,这时wp会报错说test模板已安装但有错误,因为wp默认读取模板根目录的style.css,所以如果根目录没有该文件,wp是会懵逼的哦~
下篇将会介绍wp中常用的一些函数。
最后还是送大家一张壁纸