在这篇教程中,主要是对Wordpress的主题的构造进行分析,以方便今后的开发工作。

本来打算就引用一下别人已经有的文档就好了,但还是想从头到尾捋一遍,也方便自己梳理学习。

1、Wordpress主题的基本组成

Wordpress主题里面的文件大致可以分为三个部分:

一、前端文件(图片,js文件,css文件等,比较特殊的是主题根目录下的style.css文件,因为他是识别主题的入口)

二、函数文件(functions.php,他是主题所有函数的入口,你的其他函数文件都必须在这里面引用)

三、模板文件(这是主题展示的关键,你在不同的位置,Wordpress会调用不同的模板文件,之前创建的index.php就是主页的模板文件)

2、前端文件的准备

作为一个后端程序员,在没有美工的情况下,让我自己做一个前端的博客界面,估计大家要嗤之以鼻了。

实际上网上的博客模板多的是啦,我们可以找一个自己喜欢的。推荐关注一个前端设计师https://www.yangqq.com

3、模板文件的种类

在上一目录中,我们对主题的文件进行了分类,开始Coding是需要你懂一些Html、Javascript和Css的,当然,首先你得有一点PHP的基础。

最后一部分,我们重点对模板文件进行讲解:这是我们了解Wordpress主题结构的关键。

一、页面模板

这里主要包括Wordpress一些常用页面,为了防止概念混淆,我这里只列举我们肯定需要用到的,其他的我会在在之后慢慢的在本文的最后一个Part慢慢往上加。

首页模板-index.php,这个模板决定你博客的主页长什么样子

文章模板-single.php,这个模板决定你单篇博客长什么样子

搜索模板-search.php,这个决定你搜索博客之后的文章列表页长什么样子

存档模板-archive.php,这个决定你通过分类,标签等分类过滤之后的文章列表长什么样子

错误页面-404.php,做技术的,这个就不用解释啦

二、局部模板

在开发主题时我们会发现,有的代码是几乎所有页面都会用到的公共部分,比如页面头部和底部,这个时候就有了局部模板的概念

当然,这里我们依然只讲最常用的,另外,你也可以创建主题自己的局部模板,很简单,就是把一段代码封装在一个函数里供别人调用(冷冷一笑)

这里只说两个就是header.php,footer.php,不解释了啦。

4、其他一些模板

其他模板会在后面陆陆续续补充进来。

5、其他补充知识

这里的东西都是纯理论的啦

我的学习参考链接如下:

https://www.wpdaxue.com/wordpress-theme-development.html

最新文章

  1. centos6.5 升级安装pcre 8.39版本
  2. jquery validate 隐藏域内容验证
  3. 对于JSP的调试
  4. android-sdks/build-tools/17.0.0/aapt: error while loading shared libraries: libz.so.1: cannot open shared object file: No such file or directory
  5. 标准IO的缓冲问题
  6. AndroidのUI体验之ImmersiveMode沉浸模式
  7. 你不知道的JavaScript--数组进阶全掌握
  8. Learn python the hard way. python test program 2016.04.27
  9. 基于jquery的页面代码的优化
  10. MVC中javascript直接调用Model
  11. HDU---4417Super Mario 树状数组 离线操作
  12. C++里消除Wunused
  13. sqlite3编译与查询
  14. 用Eclipse的snippets功能实现代码重用
  15. CRT工具远程登陆Google Cloud远程ssh登录方法
  16. 第一册:lesson 105.
  17. 第28月第24天 requestSerializer
  18. Xilinx FPGA DPR技术
  19. com.jakewharton:butterknife:7.0.1' 点击无效
  20. Spring Boot 构建电商基础秒杀项目 (十一) 秒杀

热门文章

  1. subprocess和struct模块
  2. PHP范例注册审核
  3. redis 笔记04 服务器、复制
  4. Windows安装多个Tomcat服务
  5. JS与Jquery 中的extend用法不同
  6. systemverilog interface杂记
  7. Secondary ,Supplementary alignment 和bwa mem的-M -Y参数
  8. 开源流量分析系统 Apache Spot 概述(转)
  9. Apache配置的5个技巧
  10. 一图看懂join、left join、right join、fulljoin间的区别