Wordpress主题开发教程-从零开始制作主题
写在前⾯
Wordpress 经历过⼗⼏年的发展,5个⼤版本的迭代,已经相当成熟了。
现如今,即使不懂任何的编程知识,通过主题与插件的⽀持,也能建⽴起⼀个不错的⽹站。
但是,如果能了解⼀款主题是如何制作出来的,对于想修改主题,或者新开发⼀款主题的使⽤者来说,都会是⼀项不错的知识积累。
这⾥讨论的是如何使⽤代码编写⼀个主题,如果你想了解的是如何安装或使⽤主题,那么你将不会从这⾥获得任何有⽤的信息。
在编写⼀个主题之前,还要想⼀个问题,我为什么要⾃⼰开发⼀个主题?
我想到了下⾯⼏点:
可以学习编程,毕竟21世纪青年的⾃我奋进三件事——编程、健⾝、学英语
脑洞有多⼤,⽹站就可以有多酷,不⽤拘泥于现有主题的功能
可以吹⽜,毕竟向别⼈炫耀⾃⼰的⽹站是⼀件很酷的事
虽说,⾃⼰写主题可以随意发挥,但是毕竟⾃⼰的审美没那么⾃信。于是,我们可以从模仿中前进,⽐如说可以仿照下⾯这个
这⼏节的⽬标就是做出⼀个类似上⾯页⾯的主题。
在开发的过程中,参考了众多资料,其中包括 我在⽔煮鱼 的教程,但是原版资料已经多年未更新,我不会按照原有的结构再写⼀遍,⽽是采⽤最新的 PHP 规范与最新的 wordpress 说明⽂档。按照我⾃⼰的思路,引导读者成功开发出⼀套 wordpress 主题。
准备⼯作
在还没有清晰⽹站原型时,模仿现有的设计,是⼀个不错的选择。
在开始之前,需要确保⼏点:
对HTML⽐较熟悉
对css有基本的认识
对js有⼀定的了解
对php有⼀定的认识
如果以上都⽆法满⾜,⾄少需要⼀个可以运⾏的wordpress环境。
还要⼀个得⼼应⼿的编辑器。可以是记事本,最好能是⽐较⾼级的记事本,⽐如Sublime Text,Notepa
d++。
我⽤的是PhpStorm,属于IDE了,如果不是专业编程⼈员,就不必要⽤这么重的武器。
我⽤的wordpress版本为wordpress-5.2.5,wordpress基本是向下兼容的,但是肯定会出现⾼版本的操作在低版本⽆法使⽤的情况。
主题必要⽂件准备
如果之前没有关注过wordpress的项⽬结构,从现在开始,需要了解起来了。
-- wordpress            根⽬录
|---- wp-admin          后台管理
|---- wp-content
|-------- plugins  插件⽬录
|-------- themes    主题⽬录
|---- wp-includes
|---- index.php        导向页
对于新开发的插件,放在wp-content/themes/themes⽬录下就是了,wordpress 在升级时,不会更新 plugins 和themes ⽂件夹下的内容。⾸先,需要新建⼀个⽂件夹,你可以取⼀个酷⼀点的名字,我的就叫mapull了,记得名称不要使⽤中⽂。
Wordpress的主题通常包含如下⼏个部分:
样式⽂件——控制页⾯的外观
模板⽂件——控制数据呈现的形式
函数⽂件——扩展主题的功能
JavaScript⽂件——增加⽹站的交互性
图⽚⽂件——背景,图标等
前3项是构成⼀款主题最基本的元素,接下来逐个击破。
样式⽂件
style.css是wordpress默认的样式表⽂件名称,它以注释的形式列出主题的详细信息。任何两个主题不能存在相同的注释表述。
下⾯是⼀个基本的主题描述:
style.css
/*
Theme Name: Mapull
Theme URI: www.mapull
Author: mapull
Description: 开发属于⾃⼰的 wordpress 主题,零基础也能⾃定义 wordpress 主题
Version: 1.0
*/
这⾥最重要的⼏个信息:主题名称 Mapull, 版本号 1.0
虽说是个样式表,但是⽬前还不打算写任何样式代码,定义好主题信息后,就可以将style.css放⼀边了。
模板⽂件
模板是⼀些PHP⽂件,他可以输出HTML代码呈献给浏览器,决定着主题的外观。
最基本的模板⽂件可以是⼀个index.php⽂件,甚⾄于不⽤php代码,我们可以将下⾯这个html⽂本写到php⽂件中。index.php
<!DOCTYPE html>
<html lang="en">
wordpress主题怎么安装<head>
<meta charset="UTF-8">
<title>模板⽂件</title>
</head>
<body>
<h1>学习Wordpress模板</h1>
</body>
</html>
看不出任何的php语法,仅仅把html代码写到了php⽂件中⽽已。
启⽤模板
在Wordpress控制台,可以看到新加的模板。
点击启⽤主题,然后访问⼀下Wordpress⾸页地址,我的在本地,直接访问localhost/
看到上⾯的内容,说明主题的必要部分已经顺利完成,当然,这是静态的内容。接下来,需要把我们
⾃⼰写的博客内容展现出来。
内容回顾
现在看⼀下,这⼀节做了些什么:
新建了⼀个⽬录 mapull
新建了⽂件 style.css,并加了注释
新建了⽂件 index.php,并加了简单的html代码

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。