[TOC]
## Wordpress 主题开发大体分为以下步骤:
```[sequence]
Title:
1创建目录->2调整主题: 15分钟内( style.css、\n functions.php )等
2调整主题-->3添加模板: 1个小时以上 \n ( colours, \n typography) 等
3添加模板->>4自定义侧边栏: 每个模板10-20分钟 \n ( home,post,page) 等
4自定义侧边栏-->>4自定义侧边栏: 15-30分钟
```
*****
```[sequence]
Title:
5自定义post-->>5自定义post: 15-30分钟 \n 定义post type代码:
5自定义post-->>5自定义post: 15-30分钟 编写模板:
6开启SEO功能->>6开启SEO功能: 15-30分钟 \n ( title,description...)
7添加JS与CSS-->>7添加JS与CSS: 取决于\nJS/CSS的量
8测试和部署-->>8测试和部署:( 1小时)浏览器\n兼容测试:
8测试和部署-->>8测试和部署: W3C验证: 30分钟
8测试和部署-->>8测试和部署: 发版部署: 15分钟
```
1. 创建主题文件目录结构(style.css、functions.php 等) ,基本可以在15分钟内完成。
2. 调整主题样式(colours, typography 等),取决于样式复杂程度,从1个小时到几天不等。
3. 添加页面模板(home,post,page等),每个模板10-20分钟。
4. 自定义侧边栏,大概15-30分钟。
5. 添加自定义post类型:
* 定义post type代码:15-30分钟
* 编写模板:15-30分钟
6. 开启SEO功能(title,description标签等) ,15-30分钟。
7. 添加JS与CSS,取决于JS/CSS的量。
8. 兼容测试和部署:
* 关键浏览器兼容测试:1小时左右
* W3C验证: 30分钟
* 部署到产品环境:15分钟
因此,一个基础的Wordpress主题大致能在1-2天完成。主题涉及到复杂样式、许多定制化的post type以及大量JS/CSS时,可能会花费几周到一个月不等。
## 快速开发主题的关键在于以下方面:
* 使用 generators 生成主题架构
* Underscores (\_s):一款很受欢迎的 Wordpress 主题生成器。
* Roots:同样受欢迎的主题生成器,支持 SASS、Grunt 等。
* Atomize:专注于性能和简洁的主题生成器。
* Hocus:基于Node的主题生成器。
\-WP Rig:提供了自定义选项和 SEO 功能的主题生成器。
* 把重复性工作提取为functions.php中的函数
* 使用SASS 等 CSS预处理器加快样式迭代速度
* 使用 Gulp/Grunt 进行自动化开发过程
## WordPress主题工具库:
1. WooCommerce Themes:这是WooCommerce官方出品的主题集合。支持所有WooCommerce功能,且针对商业站点做了大量SEO优化。
2. Genesis - Framework:由StudioPress开发的主题框架,内置SEO插件可以实现SEO优化。还有不少针对WooCommerce商城的子主题。
3. Newwp Themes:提供多款WooCommerce电商主题,SEO功能齐全,包括完整的结构数据、图片SEO等。
4. Advance theme:这款主题框架自称为WP商业主题极致方案。支持WooCommerce且重视SEO,首要目标是搜索引擎优化。
5. Page Builder Framework:提供多款主题模板,支持WooCommerce。结构清晰,方便SEO实践。
6. Newspaper:为新闻网站量身定制,SEO做的非常周到。也可用于商业主题,同样SEO功能齐全。
总的来说,这些主题工具库都同样支持WooCommerce,并重视SEO优化。
如果想要一个最符合WooCommerce和SEO需求的主题:
* WooCommerce Themes 来自WooCommerce官方,最有针对性
* Genesis Framework 内置SEO插件,提供不少Woo子主题
* Newwp Themes 自称重视图片SEO等细节
* Advance Theme 专注商业主题且重视SEO
* Newspaper 主题本身SEO功能就非常全面
- 系统设计
- 需求分析
- 概要设计
- 详细设计
- 逻辑模型设计
- 物理模型设计
- 产品设计
- 数据驱动产品设计
- 首页
- 逻辑理解
- 微服务架构的关系数据库优化
- Java基础架构
- 编程范式
- 面向对象编程【模拟现实】
- 泛型编程【参数化】
- 函数式编程
- 响应式编程【异步流】
- 并发编程【多线程】
- 面向切面编程【代码复用解耦】
- 声明式编程【注解和配置】
- 函数响应式编程
- 语法基础
- 包、接口、类、对象和切面案例代码
- Springboot按以下步骤面向切面设计程序
- 关键词
- 内部类、匿名类
- 数组、字符串、I/O
- 常用API
- 并发包
- XML
- Maven 包管理
- Pom.xml
- 技术框架
- SpringBoot
- 项目文件目录
- Vue
- Vue项目文件目录
- 远程组件
- 敏捷开发前端应用
- Pinia Store
- Vite
- Composition API
- uniapp
- 本地方法JNI
- 脚本机制
- 编译器API
- 注释
- 源码级注释
- Javadoc
- 安全
- Swing和图形化编程
- 国际化
- 精实或精益
- 精实软件数据库设计
- 精实的原理与方法
- 项目
- 零售软件
- 扩展
- 1001_docker 示例
- 1002_Docker 常用命令
- 1003_微服务
- 1004_微服务数据模型范式
- 1005_数据模型
- 1006_springCloud
- AI 流程图生成
- Wordpress_6
- Woocommerce_7
- WooCommerce常用的API和帮助函数
- WooCommerce的钩子和过滤器
- REST API
- 数据库API
- 模板系统
- 数据模型
- 1.Woo主题开发流程
- Filter
- Hook
- 可视编辑区域的函数工具
- 渲染字段函数
- 类库和框架
- TDD 通过测试来驱动开发
- 编程范式对WordPress开发
- WordPress和WooCommerce的核心代码类库组成
- 数据库修改
- 1.WP主题开发流程与时间规划
- moho
- Note 1
- 基础命令