【教程】仿站之初识wordpress主题(二)

继上次的教程:【教程】仿站之如何”偷”一个主题并与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主题(三)

欢迎转载:注明转载出处就好:P:嘻哈小屋 » 【教程】仿站之初识wordpress主题(二)

赞 (4)
分享到:更多 ()
OR 支付宝 扫描二维码
为嘻哈 打个赏
pay_weixinpay_weixin
金额随意 快来“打”我呀~

吐槽 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. ahttps://ke.qq.com/user/index/index.html#cid=20945&tid=100003219&fr=2&term_id=100003219回复