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

   日期:2024-12-29    作者:dz120 移动:http://ljhr2012.riyuangf.com/mobile/quote/81036.html

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代码

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号