wordpress 主题制作教程(一)初识wordpress

很多人都蛮喜欢本站的主题,也都十分的好奇为啥wordpress的功能如此强大,刚好高考结束,同时很多学生党也即将放假,所以打算写一系列连载文章来讲解wordpress的主题制作,每周更新,如有兴趣可以照着写写看,门槛很低,值得一试。

简介

WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统。WordPress具有插件架构和模板系统。Alexa排行前100万的网站中有超过16.7%的网站使用WordPress。到了2011年8月,约22%的新网站采用了WordPress。WordPress是目前因特网上最流行的博客系统。

详情

基本上想要建个博客的人都听说过wordpress,5分钟快速安装大大简化了操作,但是很多人基本上尝试过都可能放弃了,一是默认界面十分的简单,二来其他主题很多都臃肿复杂,很难完全照着自己的心意去修改。

那从头开始写个自己的主题呢?其实并不难,因为wordpress完全是前后端分离的,你完全不需要懂后端知识,只需要你会写前端,熟练掌握HTML和CSS即可,当然想要有一些炫酷的功能的话JS也是必不可少的。

所以本文将会详细的解释wordpress主题模板的一些必要文件,以及一些制作的基础知识。

主题说明

安装完之后,我们可以进入到wp-content/themes看到主题文件夹,写好的主题只需要放进来就能被后台自动识别,完全不用其他繁琐的操作。我们只需要根据自己的需求去使用相应的后台函数即可,哪怕是写一个纯静态页面也是可以的。

但是点开官方主题之后,我们发现了一堆的文件,好像很复杂的样子?然而如果只是满足最简单的需求的话,其实用不到这么多文件的,从简入繁,所以我们先来了解下wordpress的文章架构,然后再来讲解模板文件。

文章架构

我们打开wordpress的后台,文章这个是最基本的结构单元,但是实际上它准确的作用就是提供一个统一的样式应用于所有的单元,所以并不局限于只能是图文,可以是视频,可以是图片,也可以是其他类型的东西。像本站就是用文章来放置每一集视频的,加入你要做个购物网站,那么每篇文章就是一个商品的详情页了。

分类目录起到了一个归档的作用,看似不起眼,但是功能很强大,我们可以点进去然后循环展示该分类下的所有文章,同时定义样式等等,虽然后台很简单没有太多的编辑项,但是主题里面都可以改的。

因此,每部番剧的视频合集就靠着分类来聚合在一起,我们只需要知道分类ID就能循环出文章来了,否则如此之多的文章无法一一对应。

标签这个其实和分类差不多,一篇文章可以有多个分类,也能有多个标签,唯一的区别就是标签不能分级,所以为了避免混乱,我们可以采用分类来管理文章,然后使用标签来管理页面。

页面这个说真的和文章没有一点区别,都是能够批量应用样式的基础单元,但是一般来说为了避免文章混乱,一些基本的主页等等单独的页面都会用页面来制作。

本站就是用页面来制作番剧的详情描述页,通过标签将页面聚合,然后通过分类将文章聚合到页面里,这样就构成了一个比较完整的功能。

所以大致的结构就是

wordpress

分类目录 —— 文章

标签 —— 页面

但是既然分类目录也能编辑,那我们为啥不把番剧详情页直接做到分类里呢?点击分类就直接显示详情了,还省去了制作页面的麻烦。

实际上由于默认的后台是无法直接编辑分类目录的,所以我们需要下载一些插件,同时在管理上分类目录也无法使用标签功能,这也意味着会造成结构的混乱。

但是如果你有信心把这些解决好的话,使用分类目录其实是最方便的。

模板文件

那知道了文章的架构之后,我们就能来了解下模板的基础文件了。

必备

首先必不可少的就是主题说明文件,如下,这个写在css的头部,后台就能识别出来了,但是样式表名称必须要写成style.css同时放在主题根目录。

/*

Theme Name: Qinmei

Theme URI: https://qinmei.video

Description: 视频主题

Version: 1.0

Author: Qinmei

*/

然后就是function.php,这个是wordpress默认的函数进行改写或者功能增强的,如果你用不到,那就从默认的主题随便复制一份放进去就行,或者只放一个php开头即可。

最后就是index.php,这个是默认的主页模板,没有设置的情况下都会使用此页面来展示主页,所以还是蛮重要的。

必备的就这三个,如果你只想写个静态页面的话,那就OK了

基础

想要增强一点的话,文章则是默认的single.php,写好样式之后,所有的文章将会统一使用此样式。页面则是使用page.php,分类则是category.php,标签则是tag.php。

很好,你已经了解了基本的文件了,但是别人的主题都不会这么简单啊,还有好多杂七杂八的文件啊,那么我们继续来拓展下。

html的头部信息我们可以定义在一个header.php,尾部信息定义在footer.php,这样每个页面都只需要写内容就行,然后引入header和footer就行,这样节省了大量的代码了。

我们不可能所有的文章都是一个样式对吧,那么我们可以写多个文章模板,然后在后台可以勾选相应的模板,这个需要我们创建一个php文件然后在头部引入信息,一般我们都会将这类的模板文件放在一个文件夹里。

而页面则比较复杂,因为我们很多展示页面都是不一样的,那我们则需要分别为其建立单独的页面,像本站就需要为登录,注册,用户中心等等分别专门写一个页面,用单独的php来存放,所以大的主题文件之所以多,也是包含的页面以及功能比较多而已。

此外还有评论,侧边栏等等,这些都可以做成单独的php,然后需要使用时直接引入即可。

总结

看到这里基本上已经初步了解了架构以及模板基础文件,本文暂时只需要有个大致的了解即可,并不需要了解详细的代码,下一篇将会教你创建一个最简单的主题文件,同时也会给出代码,我们下周再见。

另外决定每周将会推出一篇干货文章,这也意味着每周只会开一次赞赏,如果感觉有帮助欢迎赞赏,这样才有动力继续更新不是吗

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180610G1KQL000?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券