WordPress主题制作:开始前的准备

2022-12-15 14:23:20 浏览数 (3)

前言

总是喜欢去尝试各种各样的主题,但寻找很久之后也没有找到一款适合自己的,总有一些地方不合自己的心意,于是萌生了制作子主题的想法,在创建了子主题之后才发现,在子主题的修改和过程中越发感觉子主题的并不是我想要的,特别是在父主题更新之后,所以开始想着从头开始,自己制作一款主题吧。

那么问题来了,怎么做呢?要制作主题就需要了解wordpress主题的基本结构,以及如何开始制作一个主题。

在初步阅读了WordPress主题制作相关文档之后,我就开始了我的主题制作旅程,在这里,我将记录下我的制作过程,希望对后来者有所帮助。

申明

本次主题制作会参考各大主题的部分实现方法和样式设计(最终产出一款适合我自己的主题),本次制作的主题暂时不考虑引入前端框架,但会引入一些插件,因为插件的引入可能导致页面请求数增加,我会在主题选项中尽可能的提供配置开关来让您可以选择性的开启一些功能。

如果您想跟着我一起制作一款适合自己的主题,那么您需要先掌握以下技能
  • 熟悉HTML、CSS、JS或Jquery
  • 熟悉PHP(嗯,这个是必须的,毕竟WP是基于PHP的博客系统呢)
开始制作主题之前,您必须准备好以下工具
  • WordPress本地运行环境(推荐)或在线的网站空间,并已完成WordPress安装——用于主题测试
  • 配备以下四种(或更多)浏览器——用于测试网页是否显示正常
    • Microsoft Internet Explorer
    • Mozilla Firefox
    • Google Chrome
    • Apple Safari
  • 一个编辑器,可以是EveryEdit,SublimeText,UltraEdit、Notepad 、Vim以及您的IDE环境等,不要使用Windows的notepad(记事本)书写任何代码
WordPress 术语
  • Template(模板):其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,这样就就不必一遍遍输入这些重复代码。
  • Template file(模板文件):一个包含一个或者多个代码集(模板)文件。每个主题是由多个模板文件组成的,比如:index.php,style.css,sidebar.php 等等。
  • Theme(主题)或者 WordPress theme(WordPress 主题):所有你正在使用的文件:文本,图像,代码等等。注意: WordPress theme(主题)和 WordPress template(s)(模板)是两个不同的东西,尽管有些人认为他们一样。
  • Post(日志或者文章):现在你读的就是一篇日志。此外,它是你 blog 的一个简单的条目,如:一个页面或者一篇日记。
  • Page(静态页面):一种特殊的 post,它不是以分类组织的。它有别于你其他的日志。注意:在 WordPress,page(页面)和 Page(静态页面)是两种不同的东西。
源码下载

接下来的文章中将会用到一些源代码,在此我已经将其打包为Yii-Candy,请前往下载Yii-Candy源码并保存好。

开发文档

WordPress主题官方的开发文档:https://developer.wordpress.org/themes/

本次的主题制作并不限于以下几篇文章,本站WordPress主题类目下的更多文章,均与主题制作相关。

WordPress主题: 1 / 14

  • WordPress主题制作:开始前的准备
  • WordPress主题制作(一):主题文件结构
  • WordPress主题制作(二):模板和模板文件
  • WordPress主题制作(三):牛刀小试
  • WordPress主题制作(四):制作头部模板header.php
  • WordPress主题制作(五):制作底部模板footer.php
  • WordPress主题制作(六):制作侧边栏模板sidebar.php
  • WordPress主题制作(七):制作基础模板Index.php
  • WordPress主题制作(八):制作文章单页模板single.php
  • 计划: WordPress主题制作(九):制作评论区模板comments.php
  • 计划: WordPress主题制作(十):制作单页(非文章)模板page.php
  • 计划: WordPress主题制作(十一):制作静态首页front-page.php
  • 计划: WordPress主题制作(十二):创建您自己的小工具
  • 计划: WordPress主题制作(十三):创建后台主题选项

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:

原文出处:Yiiven https://cloud.tencent.com/developer/article/2193176

0 人点赞