分享好友 最新动态首页 最新动态分类 切换频道
Wordpress 主题开发教程-从零开始制作主题
2024-12-29 23:04

Wordpress 经历过十几年的发展,5个大版本的迭代,已经相当成熟了。
现如今,即使不懂任何的编程知识,通过主题与插件的支持,也能建立起一个不错的网站。
但是,如果能了解一款主题是如何制作出来的,对于想修改主题,或者新开发一款主题的使用者来说,都会是一项不错的知识积累。

Wordpress 主题开发教程-从零开始制作主题

这里讨论的是如何使用代码编写一个主题,如果你想了解的是如何安装或使用主题,那么你将不会从这里获得任何有用的信息。

在编写一个主题之前,还要想一个问题,我为什么要自己开发一个主题

我想到了下面几点

  • 可以学习编程,毕竟21世纪青年的自我奋进三件事——编程、健身、学英语
  • 脑洞有多大,网站就可以有多酷,不用拘泥于现有主题的功能
  • 可以吹牛,毕竟向别人炫耀自己的网站是一件很酷的事

虽说,自己写主题可以随意发挥,但是毕竟自己的审美没那么自信。于是,我们可以从模仿中前进,比如说可以仿照下面这个网站

这几节的目标就是做出一个类似上面页面的主题。

在开发的过程中,参考了众多资料,其中包括 的教程,但是原版资料已经多年未更新,我不会按照原有的结构再写一遍,而是采用最新的 PHP 规范与最新的 wordpress 说明文档。按照我自己的思路,引导读者成功开发出一套 wordpress 主题。

在还没有清晰网站原型时,模仿现有的设计,是一个不错的选择。

在开始之前,需要确保几点

  • 对HTML比较熟悉
  • 对css有基本的认识
  • 对js有一定的了解
  • 对php有一定的认识

如果以上都无法满足,至少需要一个可以运行的wordpress环境。
还要一个得心应手的编辑器。可以是记事本,最好能是比较高级的记事本,比如Sublime Text,Notepad++。
我用的是PhpStorm,属于IDE了,如果不是专业编程人员,就不必要用这么重的武器。

我用的wordpress版本为,wordpress基本是向下兼容的,但是肯定会出现高版本的操作在低版本无法使用的情况。

如果之前没有关注过wordpress的项目结构,从现在开始,需要了解起来了。

 
 

Wordpress的主题通常包含如下几个部分

  • 样式文件——控制页面的外观
  • 模板文件——控制数据呈现的形式
  • 函数文件——扩展主题的功能
  • JavaScript文件——增加网站的交互性
  • 图片文件——背景,图标等

前3项是构成一款主题最基本的元素,接下来逐个击破。

样式文件

是wordpress默认的样式表文件名称,它以注释的形式列出主题的详细信息。任何两个主题不能存在相同的注释表述。
下面是一个基本的主题描述

 

这里最重要的几个信息:主题名称 , 版本号 1.0

虽说是个样式表,但是目前还不打算写任何样式代码,定义好主题信息后,就可以将放一边了。

模板文件

模板是一些PHP文件,他可以输出HTML代码呈献给浏览器,决定着主题的外观。
最基本的模板文件可以是一个index.php文件,甚至于不用php代码,我们可以将下面这个html文本写到php文件中。

 

看不出任何的php语法,仅仅把html代码写到了php文件中而已。

内容回顾

现在看一下,这一节做了些什么

  • 新建了一个目录 mapull
  • 新建了文件 style.css,并加了注释
  • 新建了文件 index.php,并加了简单的html代码
最新文章
B端走查神器,快用起来吧
什么是界面走查在整个研发环节中,由于UI需要对上线的界面效果负责,所以研发线会有一个环节就是UI验收。就是在我们输出效果图和切图文件给前端后,前端根据我们的效果图进行代码编写,出来之后的HTML效果UI设计师需要进行验收。 虽然走查
AI智能应答机器人
一、概述AI智能应答机器人是一种能够通过人工智能技术,模拟人类智能进行对话和回答问题的机器人系统。它能够根据用户的提问,识别问题意图,快速准确地给出答案,大大提高了用户体验。AI智能应答机器人在各个行业中都具有广泛的应用前景。
ChatGPT 竟然开始讨要小费!人工智能离“勒索”人类还远吗?
原创 叶拾 科普中国在很多人眼里,人工智能是铁面无情的绝对理性化身。在算法驱动之下,它只会依照数学模型,产出人们想要的结果。除此之外,任何人类世界的糖衣炮弹、人际关系、各种诱惑,似乎都不应该影响它的表现。尽管拿不到真实的钱,
Download Google Chrome (32bit) 114.0.5735.134 for windows
Google Chrome is the most popular web browser on the market. It provides an easy-to-use and clean interface, reliable connections across devices, and a huge library of extensions. Its address bar is integrated with the Goo
51cms网站管理系统 v1.2.04
51cms网站管理系统是一款基于5ucms进行开发的内容管理系统。在经典的5ucms1.2版上修复了已知bug,并且更换了后台编辑器为ueditor。系统功能:1. 支持 ACCESS/MSSQL 数据库2. 支持动态浏览, Rewrite 模拟静态,生成静态页面,栏目动态+文章静
c++实现的排序算法总结(二)
  有关冒泡排序,选择排序,插入排序,堆排序的总结都在上一篇文章中有介绍:   https://blog.csdn.net/weixin_42647166/article/details/104610010  “归并”的中文含义使合并、并入的意思,在数据结构
AI绘画神器Stable Diffusion下载安装指北【收藏版】
今天分享一个AI绘画神器 Stable Diffusion。 过年这几天自己部署了下sd,使用的是秋叶大佬的整合包,还真是方便,分分钟就能启动。 软件领取看文末~Stable Diffusion 使用秋叶大佬发布的【绘世整合包】作为软件,
Chimera越狱和Sileo商店常见问题及解决方法
​​所需工具:Chimera适用系统:iOS 12.0 - iOS 12.1.2 哈喽大家好,欢迎来到蜜蜂科技f.Chimera越狱工具终于出来,让沉浸的越狱圈再次复苏了。这边蜜蜂就为大家讲讲一些常见问题和解决方法。问:出现404报错   答:国行机型特有。方法1
android apk 防止反编译技术第三篇-加密
上一篇我们讲了apk防止反编译技术中的加壳技术,如果有不明白的可以查看我的上一篇博客http://my.oschina.net/u/2323218/blog/393372。接下来我们将介绍另一种防止apk反编译的技术-运行时修改字节码。这种方法是在工作中在实现app wrapping
10个最强大的AI游戏生成器
NSDT工具推荐:Three.js AI纹理开发包 - YOLO合成数据生成器 -GLTF/GLB在线编辑 -3D模型格式在线转换 -可编程3D场景编辑器 -REVIT导出3D模型插件 - 3D模型语义搜索引擎 - AI模型在线查看 - Three.js虚拟轴心开发包 - 3D模型在线减面 -STL模
相关文章
推荐文章
发表评论
0评