在这篇教程中,主要是对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

从无到有开发自己的Wordpress博客主题---Wordpress主题的构造的更多相关文章

  1. LNMP环境搭建之php安装,wordpress博客搭建

    LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...

  2. 搭建WordPress博客程序库

    搭建WordPress博客程序库 wordpress简介 wordpress是一套利用PHP语言和Mysql数据库开发的开源免费的Blog(博客,网站)程序,用户可以在支持PHP环境和Mysql数据库 ...

  3. 20款时尚的 WordPress 博客主题【免费下载】

    在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单 ...

  4. 基于docker搭建wordpress博客网站平台

    WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站.也可以把 WordPress当作一个内容管理系统(CMS)来使用. WordPre ...

  5. 巨杉Tech | 十分钟快速搭建 Wordpress 博客系统

    介绍 很多互联网应用程序开发人员第一个接触到的网站项目就是博客系统.而全球使用最广的Wordpress常常被用户用来快速搭建个人博客网站.默认情况下,Wordpress一般在后台使用MySQL关系型数 ...

  6. WordPress 博客文章时间格式the_time()设置

    国外设计的WordPress 主题里的文章的时间格式是类似“十一月 21, 2010”这种格式的,而中国人习惯的是年在前,月紧跟其后,日在末尾,所以看国外的就显得很别扭,但是我们可以通过修改WP时间代 ...

  7. Coding.net代码托管空间申请与使用-安装并运行WordPress博客

    参考: http://www.freehao123.com/coding-net/ Coding.net这是一个国内新兴的代码托管平台,功能主要包括:代码托管.在线运行环境.监控代码质量,兼有一定的社 ...

  8. 为你的WordPress博客添加CSS3炫酷读者墙

    为你的WordPress博客添加CSS3炫酷读者墙,也就是把你文章的评论最活跃的读者显示在单独的一个页面,先看看效果吧: 1.复制主题的page.php,另存为readerwall.php,然后在其顶 ...

  9. 怎样搭建一个自有域名的 WORDPRESS 博客?

    博客搭建并不复杂,只是过程有点繁琐,适合喜欢折腾的人,主要有下面几个步骤: 新建一个博客文件 购买域名(Domain Name) 注册一个主机空间(Web Host) 域名解析(DNSPod) 安装W ...

  10. 怎么在阿里云搭建一个WordPress博客(超详细教程)

    想以正确的方式启动一个 WordPress 博客吗?我知道,这可能是一个令人恐惧的想法 -- 其实你并不孤单.但是,在帮助很多用户创建博客之后,我决定编写一份详细的指南,让任何没有技术知识的人都能拥有 ...

随机推荐

  1. BCH码

    http://baike.baidu.com/link?url=CfLtm9DigwWdup-9VJP99RG65NgaVOXfrnjT61ogP7au0QOrlypq72k67B0s1Ey-Q1yD ...

  2. PySpider HTTP 599: SSL certificate problem错误的解决方法(转)

    前言 最近发现许多小伙伴在用 PySpider 爬取 https 开头的网站的时候遇到了 HTTP 599: SSL certificate problem: self signed certific ...

  3. SSIS利用Microsoft Connector for Oracle by Attunity组件进行ETL!

    对于BI项目,在数据仓库方面的技术实现主要是进行数据集成的工作,源数据可能来自不同的业务数据库(如Sql Server.ORACLE.My sql.EXCEL等),通过SSIS的数据流组件很容易进行各 ...

  4. LightOJ - 1236 (唯一分解定理)

    题意:求有多少对数对(i,j)满足lcm(i,j) = n,1<=i<=j, 1<=n<=1e14. 分析:根据整数的唯一分解定理,n可以分解为(p1^e1)*(p2^e2)* ...

  5. iOS应用内付费(IAP)开发步骤

    1.苹果iTunes Connect内购产品信息录入. 1)创建app内购买项目(Create New),选择类型: 1.消耗型项目 对于消耗型 App 内购买项目,用户每次下载时都必须进行购买.一次 ...

  6. 软件测试工程师的Linux之路(持续更新修正)

    软件测试工程师成长必经之路—Linux学习. 测试工程师不同于运维工程师,所以在对不熟悉Linux的测试人员来说,先了解一些Linux系统的基本操作,能顺利开展测试工作即可,在强迫自己使用,熟悉命令行 ...

  7. [Cannot deserialize JSON array into type] NewtonSoft.Json解析数据出错原因

    今天用NewtonSoft.JSon解析一个天气数据,数据格式如: {"status":1,"detail":"\u6570\u636e\u83b7\ ...

  8. Nginx 配置文件重写

    nginx主配置文件 1.清空过Nginx配置文件,修改: vim /usr/local/nginx/conf/nginx.conf # 以那个账户,账户组来运行nginx user nobody n ...

  9. 20145201《Java程序设计》课程总结

    每周读书笔记链接汇总 第一周读书笔记:http://www.cnblogs.com/20145201lzx/p/5249064.html 第二周读书笔记:http://www.cnblogs.com/ ...

  10. 20165101刘天野 2018-2019-2《网络对抗技术》第1周 Kali的安装

    20165101刘天野 2018-2019-2<网络对抗技术>第1周 Kali的安装 一.实验要求 Kali下载 安装 网络 共享 软件源 二.实验步骤 1.下载 从Kali官网中下载相应 ...