继上次的教程:【教程】仿站之如何”偷”一个主题并与wordpress后台整合(一)
我们明白了一些“偷主题的方法”,今天我们来介绍一下wordpress主题。
wordpress主题的源码在网络上一搜一大把,尤其可以在嘻哈推荐的百度云搜索里面去搜搜看。
而要自己写一个wordpress主题的话就需要了解其内部的结构了,我们打开一个文件看看:
里面文件可不少呢,不过我们作为初学者没有什么基础,就只需要红色框框中的那几个文件就算成功啦!
先介绍一下这几个文件吧!
header.php
首先是header.php,学过html或者稍微有一点了解的人都知道,html里面都有所谓的头文件,头文件呢就是写进或者引用一些js,css文件呀,之类的,既然是仿站,我们不去深究它,我们wordpress的头文件大致就是这些功能。
也可以这样理解,head嘛头部,我们将原本的html代码分成了三份,header.php、index.php还有footer.php(头、身体、尾部)
header.php里面包含的内容一般就是head标签里面的内容和一部分导航栏,我们知道wordpress中一般都有所谓的导航栏,比如嘻哈小屋的导航栏就是这样的
有点low,一直想去改一改。。。
这导航栏在每一个页面几乎都有。如果写代码,每一个页面都加进去的话,是不是很累赘?利用wordpress我们就可以直接引用header.php这个文件来作为头文件的模板了,大致就是这个意思,不知道大家有没有明白,没有明白的话也欢迎到下方留言,嘻哈会尽量回答你的问题:P
index.php
接下来就是index.php的内容了,我们都知道index.xxx一般都是首页的文件,顾名思义,我们这个index.php也就是首页的内容文件,如上文所提到的,我们如果把一个网页分为三段,index.php就是网页的中间位置了,当把三者接到一起就形成了我们整个网页。
所以,index.php就是网站首页的中间的内容。
footer.php
至于footer.php我就不多提了,网页尾部的内容加上完整的网页结束代码,显示的就是页面的底部栏,像这样
我们提到了,header.php、index.php还有footer.php这三个文件能够拼接成一个完整的html网页,所以最后的</body></html>这些标签在footer.php里面也不可或缺。
style.css
接下来就是我们不太熟悉的css文件了,css是什么呢,这个大家可以自行百度,看过上一篇教程的童鞋也知道,引用了css文件之后,网站就变“漂亮了”,我们就暂且认为css文件是让网站变漂亮的文件就好了,让其排版更加美观。我们是“偷”主题、“扒皮”,所以css文件就不用我们自己写了,直接像上次那样引用就好!
至于wordpress里面的style.css文件,我们还需要遵守它的基本格式,首先要做一个简单的注释,如下
/*
Theme Name:
Theme URI:
Version:
Description:
Author: nikeo
Author URI:
Tags:
Text Domain:
Copyright:
License:
License URI:
*/
填写一下主题的一些信息即可,其余的大可不必填写。
至此,此教程结束,就简单介绍了一下我所理解的这三个不可或缺的文件,之后会给大家详细讲解如何制作,敬请期待。
欢迎转载:注明转载出处就好:):嘻哈小屋 » 【教程】仿站之初识wordpress主题(二)