wordpress制作主题开发(基础开发) – 苏的小站

成功 用自己的方式度过一生

个人作品展示

苏的小站 · 科技爱好者

爱好者

面试作品 简历展示、项目简介、技术栈
风格 现代、简约

wordpress制作主题开发(基础开发)

注:在学习之前,你要有一些php,html,css,js的基础,我的教程主要是本地写好了,再上传,主要是帮助你可视化去的调整你的模板。

1、准备条件

(1)WordPress的源码(这是一切的开始)

(2)vs code(用于写一些基础文件的代码)

(3)小皮面板(当我们代码写完了,就要去看样子是什么样子的)

2、环境配置

(1)一键启动

这样配置好数据库和web,如果没有下载my sql请自行下载

(2)网站配置

域名自己写,其是在本地的,所以随便添加都行,这里的根目录,就选择好解压后的文件,之后启动,打开网站就可以看到创建的网站了,其是在本地的。

这是大致的样子,就和我们最开始在服务器上创建wordpress一样,配置好数据库就行了。

请自行创建数据库,创建好了,就和我们在服务器上的一样

(3)编写代码

用vs code打开项目源码,这里就可以开始编写了。

(4)简单介绍(一般要改主题碰这几个就行,其他的系统文件建议不要改)

style.css

    让 WordPress 识别这是一个主题(顶部固定注释)
    整站所有样式:颜色、布局、字体、边距、排版,全都写在这里。

    functions.php

      主题的功能配置中心。
      在这里加功能:注册导航菜单、开文章缩略图、引入自己的CSS/JS、加自定义小功能,所有自定义代码都放这,不改系统核心文件。

      header.php

        网站顶部通用模板。
        每个页面都会加载它,放网页头部、logo、导航栏、网页头部meta信息。

        footer.php

          网站底部通用模板。
          所有页面共用,放版权信息、底部文字、加载js代码。

          index.php

            主题默认首页/兜底模板。
            没单独做模板的页面,都用它显示,用来布局首页、文章列表。

            single.php

              专门管 文章详情页。
              点开一篇文章,页面长什么样、内容怎么排,都改这个。

              page.php

                专门管 独立页面(关于我们、联系我们这种单独页面)。

                archive.php

                  分类页、标签页、文章归档列表页,都由这个文件控制布局。

                  404.php

                    网址不存在、打不开的时候,显示的404页面,自己可以改文案和样式。

                    一般情况我们是搞wordpress\wp-content\themes这里的文件,这是里面的主题,其本身就有一些,我们写的时候可以参考一下,可以省很多事情,我个人觉得研究这一个基本上就够了,其他的,看不懂就不要碰。

                    就是这个,这里我创建了一个123的文件夹,里面有style.css和index.php,所以在这个主题里就可以看见,但是我是没有任何内容的我们要自己更改。

                    创建文件的结构大概是

                    themes/一个文件夹(我这里命名的是123)
                    ├── style.css
                    ├── index.php
                    ├── functions.php
                    ├── header.php
                    ├── footer.php
                    ├── single.php
                    ├── page.php
                    ├── archive.php
                    ├── 404.php
                    ├── comments.php
                    ├── sidebar.php

                    ├── assets/
                    │ ├── css/
                    │ ├── js/
                    │ └── images/

                    ├── template-parts/
                    └── inc/

                    这个是我用的他们的主题的大致的结构

                    这个应该都可以看懂吧,所以我说你得有一定的一些基础才能去手搓一个模板,不然就老老实实的用人家自带的吧,其可以改的东西还是很多的,或者参考别人现成的去改,但是,请保留原作者的信息,毕竟从0开始写真的很困难,记住不要重复造轮子。

                    使用

                    当你全部手搓完成以后,做成压缩包就可以让其他人用了

                    就是后面如果要部署改项目,就上传压缩包到服务器,然后解压缩,就和前面部署这个wordpress项目一样,就可以看见你改好的东西了。

                    总结:这个教程主要是教你怎么去做一个大致的模板,具体你要怎么改还是要根据你的需要去搞,本人主要是搞python的,php这些就会一些基础,如果你真正要去完美的搞一个主题那么要做的是很多的。

                    

                    发表评论

                    您的邮箱地址不会被公开。 必填项已用 * 标注