WordPress主题开发系列教程(五)搭建WordPress主题框架

WBetter主题 waitig 2160℃ 百度已收录 0评论

在上一篇文章:WordPress主题开发系列教程(四)WordPress主题加载过程 中,我们介绍了Wordpress加载主题的文件的过程,从中我们可以看到哪些文件是比较重要的,哪些文件是一个主题必不可少的文件。今天, waitig 就带领大家一起建立下我们新的 WordPress主题的框架。

搭建WordPress主题框架

1)主题说明文件–style.css

有关主题的信息都包含在style.css这个文件中,比如主题名称、作者、作者链接、主题版本等等。

因此新建一个主题最重要的是要建立style.css文件。

waitig将要新开发的这款主题名叫 WBetter,版本0.1,因此,style.css的开头位置应该是这样:

/* 
Theme Name:WBetter主题
Theme URL:http://waitig.com/
Description:WBetter主题,更强大的wait主题,更新地址:<a href="http://waitig.com/">等英博客</a>
Author:waitig
Author URI:http://waitig.com/
Version:0.1
*/

2)PHP文件

根据上文总结,可知主题必备的文件主要有以下几个:

首页    —    index.php
文章页    –    single.php
页面页    —    page.php
分类页    —    category.php
标签页    —    tag.php
作者文章页—    author.php
日期归档页—    date.php
搜索结果页—    search.php
附件页    —    image.php

3)样式以及js文件

强烈建议大家将 样式及js文件放入单独文件中,不要放入php代码中。

style.css文件中可以放一些全局性的样式文件。

4)图片及其他资源

建议将图片等其他资源单独文件夹存放,这样可以保证目录结构清晰。

5)function.php

function.php文件主要存放主题中用到的函数。

6)后台php文件

一个完整的主题不止要有漂亮的前台界面,后台配置页面也一样不能少,因此,我们也需要建立后台的配置页面。

最后,放一个WBetter主题初期建立的目录结构。

WBetter/
├── date.php
├── footer.php
├── functions.php
├── head.php
├── image.php
├── inc
│?? └── index.php
├── index.php
├── LICENSE
├── pages
│?? └── index.php
├── README.md
├── search.php
├── sidebar.php
├── siderbar
│?? └── index.php
├── single.php
├── styles.css
├── tag.php
└── template
    └── index.php

本文由【waitig】发表在等英博客
本文固定链接:WordPress主题开发系列教程(五)搭建WordPress主题框架
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (1)分享 (0)