上一篇：基于WordPress开发微信小程序1：搭建Wordpress-CSDN博客
很快发现一个问题，如果使用别人的主题模板，多多少少存在麻烦，所以一咬牙，决定自己开发一个主题模板，并且开源在gitee上：牧旭尧/福兴小程序wordpress配套主题 (gitee.com)
好了，开始研究一下wordpress主题开发
什么是主题？
WordPress主题负责站点的外观，包括布局、配色、功能模块等等。更改主题会更改网站的外观设计，即用户在浏览网站时看到的内容和版式。
主题可以做什么？
WordPress主题中数据库中获取数据，然后在浏览器中显示。创建WordPress主题时，我们可以决定该内容的外观和显示方式。例如：
- 使用一列、两列、多列布局、是否为响应式等。
- 把内容展示在站点中的任意位置。
- 指定您的内容在哪些设备或哪些操作中可见。
- 使用 CSS 自定义其排版和设计元素。
- 在主题的任何位置包含其他设计元素（如图像和视频）。
WordPress主题非常强大。但是，与其他网页设计项目一样，主题不仅仅是颜色和布局。优秀的主题不仅有一个美丽的外表，还可以提高网站的参与度 。
主题是什么？
从本质上说，WordPress主题是一些模版文件的集合，这些模版文件相互协同，创建了用户所看到的内容，控制着网站的外观和交互方式。
主题所需文件
最基本的 WordPress 主题中只 需要两个文件 ：
index.php– 主模板文件style.css– 主样式文件
以下文件不是必需的，但是我们很可能会在各种主题中看到：
如何正确的开发主题？
虽然WordPress主题在技术上只需要两个文件（ index.php和 style.css），但它们通常由更多模版文件组成。这意味着他们很快就会变得杂乱无章！以下是一个主题的开发示例：
assets (dir)
- css (dir)
- images (dir)
- js (dir)
inc (dir)
template-parts (dir)
- footer (dir)
- header (dir)
- navigation (dir)
- page (dir)
- post (dir)
404.php
archive.php
comments.php
footer.php
front-page.php
functions.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css我们可以看到，模板文件位于根目录中，而 JavaScript，CSS，图像放在 assets目录中，模板片段放在对应的子目录中，在主题中使用的核心功能放在 inc 目录中。
目前，在WordPress主题中没有必需的文件夹 。但是，默认情况下，WordPress会识别以下文件夹。
style.css应该位于主题的根目录中，而不是 CSS 目录中。
好了，阅读完以上的内容，我们接下来开始正式进入主题的开发吧…
创建第一个主题
让我们从头开始创建一个简单的WordPress主题。首先，创建一个新的文件夹，命名为”lowrie”。在这个文件夹中，创建一个名为”style.css”的文件，这是主题的样式文件。
在”style.css”文件中添加以下内容：
/*
Theme Name: lowrie
Description: 福兴小程序配套主题
Author: 牧旭尧
Version: 1.0
*/这些是主题的基本信息，包括主题名称、描述、作者和版本号。
接下来，创建一个名为”index.php”的文件。这将是主题的入口文件，用于显示网站的内容。
在”index.php”文件中添加以下内容：
<?php
get_header(); // 获取头部
?>
<main>
<h1>Hello, World!</h1>
<p>Welcome to lowrie</p>
</main>
<?php
get_footer(); // 获取尾部
?>
论证了，主题可以使用…
前端访问
现在，已经开始编写wordpress主题的代码了…
已更新最新代码：lowrie: 福兴小程序的wordpress配套主题 (gitee.com)
了解更多详情，请移步：电商系统开发-B2B商城系统开发-APP开发一站式落地服务「福兴信息科技」 (aptus.xin)
原文地址:https://blog.csdn.net/rockychao/article/details/135935158
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_66011.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
