WordPress主题开发训练营
课程内容
准备工作
-
安装命令行工具windows terminal
-
安装phpstudy小皮面板v8.1
-
小皮面板创建网站
-
小皮面板创建数据库以及切换PHP版本
-
安装wp-china-yes让后台响应更快
-
配置PHP的环境变量
-
配置mysql环境变量
-
安装vscode并配置中文界面
-
vscode安装辅助扩展
-
~~训练营必读~~
-
给站点配置伪静态
准备工作
最小内核
-
什么是web服务器
-
什么是NAT？NAT的作用是什么
-
端口的作用和编号范围（上）
-
端口的作用和编号范围（下）
-
什么是域名，域名有什么用
-
域名哪些类别或层级
-
什么是DNS（1）
-
什么是DNS（2）
-
什么是DNS（3）
-
什么是DNS（4）
-
什么是DNS（5）
-
私有ip地址范围和本地回环地址
-
什么是PHP（上）
-
什么是PHP（下）
-
什么是静态网页和动态网页（上）
-
什么是静态网页和动态网页（下）
-
什么是MySQL
-
网页访问过程总结
-
BS架构
-
LNMP架构
-
网站架构组成与关系（上）
-
网站架构组成与关系（下）
-
URL中query的作用是什么
-
什么是URL（上）
-
什么是URL（下）
-
URL有哪些组成部分
-
URL拆分思路
-
URL拆分练习1
-
URL拆分练习2
-
URL拆分练习3
-
URL中的host的做用是什么
-
URL中port的作用是什么
-
URL中path的作用是什么
-
网站和网页的区别和联系
-
URL中的frag的作用是什么
-
URL中的scheme的作用是什么
-
URL重要组成部分作用串讲
-
什么是IP地址（上）
-
什么是IP地址（下）
-
IP地址的表示形式
-
什么是IPv4，什么是IPv6
-
ip地址在网页访问中的应用
-
什么是公网和内网
-
如何组建内网，如何查看内网IP
最小内核
跨越HTML门槛
-
浏览器需要的是什么？
-
网页中如何插入图片？
-
网页中如何添加超链接？
-
html标签和元素的概念
-
html的基本结构
-
网页中文字符乱码的原因和解决
-
html文档是一个逻辑结构
-
图片的绝对路径和替代文本
-
访问一张网页会发送多个请求
-
有序列表和无序列表
-
如何查看html有哪些标签以及定义
跨越HTML门槛
跨越CSS门槛（part01）
-
浮动的规则详解03
-
固定定位的规则和特点
-
静态定位的规则和特点
-
相对定位的规则和特点
-
运用常规流和浮动实现经典两栏布局02
-
运用常规流和浮动实现经典两栏布局01
-
解决浮动时的高度塌陷问题
-
清除浮动带来的影响
-
浮动的规则详解04
-
绝对定位的规则和特点
-
浮动的规则详解02
-
浮动的规则详解01
-
可以给所有元素设置浮动
-
使用浮动实现文字环绕图片的效果
-
css盒子包含的注意要点
-
两个容器标签div和span
-
常规流中行内级盒子的摆放规则
-
常规流中块级盒子的摆放规则
-
其他元素的包含块确定规则02
-
怎样创建BFC
-
用BFC解决父子关系外边距合并的现象
-
用BFC排除外部浮动让出浮动的空间
-
用BFC解决浮动元素高度塌陷的问题
-
内容溢出与控制
-
替换性元素和图片尺寸控制
-
内外边距百分比参考的是包含块的宽度
-
高度设为百分比有时会无效
-
行的方向和块的方向
-
其他元素的包含块确定规则01
-
初始包含块的位置和尺寸
-
当尺寸设为百分比时参照的是谁
-
外边距合并和塌陷
-
外边距可以取负值
-
css字号单位
-
css颜色取值
-
粘性定位的规则和特点
-
使用live server扩展辅助开发
-
控制父子盒子间间隙的方法
-
外边距设置
-
内边距设置
-
单独某个方向的边框以及简写形式
-
设置边框
-
设置内容区域的宽度和高度
-
盒子的内部构成
-
盒子的生成
-
背景颜色及背景区域的范围
-
设置字号粗细及行高
-
css设置字体
-
css后代选择器和内联样式
-
css属性和分组选择器
-
css类选择器和通配符选择器
-
css标签和ID选择器
-
内部和外部样式表
-
css书写的语法规则
-
css有哪些属性？如何确定属性的值？
-
css属性的定义和知识来源
-
重置浏览器的基础样式
-
同一样式来源的相同CSS属性的声明谁会胜出（04）
-
同一样式来源的相同CSS属性的声明谁会胜出（03）
-
同一样式来源的相同CSS属性的声明谁会胜出（02）
-
同一样式来源的相同CSS属性的声明谁会胜出（01）
-
作者样式表和用户代理样式表之间的竞争谁会胜出
-
网页的样式可以来自于多个源
-
html和css的分工
-
inline-block类型盒子的特点
-
通过display更改盒子的类型
-
strong元素生成的盒子的特点
-
设置背景图片尺寸
-
设置背景图片的位置
-
修改背景区域范围及设置背景图像
-
p元素生成的盒子的特点
跨越CSS门槛（part01）
跨越CSS门槛（part02）
-
当盒子在空间上有重叠就会出现遮盖
-
堆叠的规则01
-
堆叠的规则02
-
堆叠的规则03
-
堆叠的规则04
-
堆叠的练习01
-
堆叠的练习02
跨越CSS门槛（part02）
跨越CSS门槛（part03）
-
媒体查询的作用简介
-
更改移动设备的视口尺寸
-
媒体查询的语法规则
-
媒体类型介绍与测试
-
媒体特征宽度确切值
-
媒体特征宽度范围值
-
响应式网页的特点
-
响应式原则之移动优先
-
什么是断点以及断点怎样选择
-
为什么需要流体布局以及怎么实现流体布局
跨越CSS门槛（part03）
跨越CSS门槛（part04）
跨越CSS门槛（part04）
-
适配移动设备01
-
适配移动设备02
-
设配移动设备03
-
选择断点并适配中等尺寸的设备
-
选择断点并适配大尺寸设备
跨越CSS门槛（part05）
-
导图和项目文件夹说明
-
画图的重要性
跨越CSS门槛（part05）
-
设计阶段应该有的输出
-
主题静态模板的特点
-
模板的开发顺序建议
-
书写基本结构[文章详情页开发]
-
响应式开发请做好反复修正代码的准备
-
项目目录安排及引入标准化样式
-
容器的开发01[文章详情页]
-
容器的开发02[文章详情页]
-
容器的开发03[文章详情页]
-
思路梳理[文章详情页]
-
box-sizing更改盒子尺寸的计算方式[文章详情页]
-
响应式两列布局实现01[文章详情页]
-
响应式两列布局实现02[文章详情页]
-
响应式两列布局实现03[文章详情页]
-
简单的代码调整和优化[文章详情页]
跨越CSS门槛（part06）
-
响应式两列布局实现04[文章详情页]
-
页脚的开发01[文章详情页]
-
页脚的开发02[文章详情页]
-
页脚的开发03[文章详情页]
-
页脚的开发04[文章详情页]
-
页脚的开发05[文章详情页]
-
边栏的开发01[文章详情页]
-
边栏的开发02[文章详情页]
跨越CSS门槛（part07）
-
主体部分预览及要点分析[文章详情页]
-
书写主体部分的html结构01[文章详情页]
-
书写主体部分的html结构02[文章详情页]
-
wordpress提供的文章类名说明[文章详情页]
-
主体部分背景颜色的设定[文章详情页]
-
主体部分开发思路分析及字体设置[文章详情页]
-
设置全局主体大小并采用相对单位[文章详情页]
-
h1标题字号响应式设定[文章详情页]
-
设置文本的主色[文章详情页]
-
设置整体和正文的行高[文章详情页]
-
设置外边距控制元素间间隙[文章详情页]
-
设置超链接的样式[文章详情页]
跨越CSS门槛（part08）
-
设置文章标签的样式[文章详情页]
-
文章导航样式开发01[文章详情页]
-
文章导航样式开发02[文章详情页]
-
修复媒体查询漏掉单位的问题[文章详情页]
-
预览想要开发的响应式头部的效果
-
响应式头部的开发思路分析
-
头部响应式布局开发01
-
头部响应式布局开发02
-
头部响应式布局开发03
跨越CSS门槛（part09）
-
站点标题或logo开发01[文章详情页]
-
站点标题或logo开发02[文章详情页]
-
头部设为固定定位[文章详情页]
-
头部添加分割线效果[文章详情页]
-
头部内容垂直方向对齐[文章详情页]
-
移动端菜单展出状态位置设定[文章详情页]
-
解决站点Logo垂直方向不居中的问题
-
书写导航菜单的html结构[文章详情页]
-
移动端导航菜单样式开发01[文章详情页]
-
移动端导航菜单样式开发02[文章详情页]
-
移动端导航菜单样式开发03[文章详情页]
-
移动端导航菜单样式开发04[文章详情页]
-
移动端导航菜单样式开发05[文章详情页]
-
移动端导航菜单样式开发06[文章详情页]
跨越CSS门槛（part10）
-
pc端导航菜单样式开发09[文章详情页]
-
pc端导航菜单样式开发10[文章详情页]
-
pc端导航菜单样式开发11[文章详情页]
-
字体图标概念的引入
-
iconfont图标网站使用方法
-
项目中使用unicode方式使用iconfont图标
-
项目中使用class方式使用iconfont图标
-
可以使用css控制图标的大小、颜色和粗细
跨越CSS门槛（part11）
-
头部快捷方式开发目标预览[文章详情页]
-
头部快捷方式区域样式开发01[文章详情页]
-
头部快捷方式区域样式开发02[文章详情页]
-
头部快捷方式区域样式开发03[文章详情页]
-
头部快捷方式区域样式开发04[文章详情页]
-
头部快捷方式区域样式开发05[文章详情页]
-
头部快捷方式区域样式开发06[文章详情页]
跨越CSS门槛（part12）
-
将下级菜单指示符替换成图标字体
-
根据特殊性调整css代码顺序
-
根据复用性调整css代码顺序
-
调整css代码顺序并抽离复用代码
-
借助css自定义属性功能可以做些什么
-
css自定义属性的基本使用方法
-
css自定义属性的两个注意事项
-
css自定义属性的作用范围
-
css自定义属性的应用案例01
-
css自定义属性的应用案例02
-
css自定义属性的应用案例03
跨越CSS门槛（part13）
-
文章归档页开发预说明
-
弹性布局的基础说明
-
使用弹性布局的两个前提条件
-
弹性项目的摆放规则
-
设定弹性容器的主轴方向及起始位置
-
限定弹性项目的基础尺寸
-
主轴方向空间分配规则01
-
主轴方向空间分配规则02
-
主轴方向空间分配规则03
-
交叉轴方向上对齐方式
跨越CSS门槛（part14）
-
弹性项目分多行摆放时交叉轴空间分配规则
-
弹性项目既允许换行又允许收缩浏览器的处理顺序
-
弹性布局属性梳理和查漏补缺
-
用弹性布局实现典型图文列表01
-
用弹性布局实现典型图文列表02
-
用弹性布局实现典型图文列表03
-
用弹性布局实现典型图文列表04
-
用弹性布局实现典型图文列表05
-
完成文章归档页开发
跨越CSS门槛（part15）
-
pc端导航菜单样式开发01[文章详情页]
-
pc端导航菜单样式开发02[文章详情页]
-
pc端导航菜单样式开发03[文章详情页]
-
pc端导航菜单样式开发04[文章详情页]
-
pc端导航菜单样式开发05[文章详情页]
-
pc端导航菜单样式开发06[文章详情页]
-
pc端导航菜单样式开发07[文章详情页]
-
pc端导航菜单样式开发08[文章详情页]
跨越JS门槛，让网页“动”起来
-
网页技术之间的分工与协作
-
引入js的两种方式
-
前后端两种不同的交互方式
-
科普JavaScript到底指代的是以什么
-
如何学习JS
-
JS学习资料的推荐
-
ES版本的简单说明
-
ES的代码结构
-
变量和值01
-
变量和值02
-
条件分支结构
-
循环结构
-
数据类型01
-
数据类型02
-
表达式的作用
-
常用的运算符
-
函数的基本使用方法
-
怎样理解函数及其作用
-
使用函数实现简单的数学计算
-
函数的参数和返回值
-
函数的嵌套
-
变量作用域
-
函数表达式的简单理解和特点
-
函数表达式的使用场景01
-
函数表达式的使用场景02
-
函数表达式的使用场景03
-
认识JS中的对象01
-
认识JS中的对象02
-
认识JS中的对象03
-
认识JS中的数组
-
JS知识的总结和梳理01
-
JS知识的总结和梳理02
-
ES内置能力之全局函数
-
ES内置能力之Array对象01
-
ES内置能力之Array对象02
-
ES内置能力之String对象
-
WebAPI作用简介01
-
WebAPI作用简介02
-
常见的几个webapi
-
为什么window对象也叫作全局对象
-
html源代码会被解析成DOM树
-
DOM节点类型和关系
-
如何查询和获取元素
-
使用getElement系列方法查询元素
-
使用querySelector系列方法查询元素
-
元素的内容操作01
-
元素的内容操作02
-
元素的样式操作01
-
元素的样式操作02
-
操作元素的HTML特性01
-
操作元素的HTML特性02
-
操作元素的HTML特性03
-
以元素为基准查询其他元素
-
网页中动态插入元素的基本逻辑
-
动态插入元素的位置关系详解
-
移除、克隆元素以及document.write
-
实现改变背景颜色
-
怎么告诉浏览器在谁身上发生什么行为就帮我们做什么
-
事件处理的四个组成要素
-
如何添加多个事件处理程序
-
如何移除事件处理程序
-
事件冒泡
-
冒泡可以到哪个层级
-
阻止事件冒泡的方法
-
事件传播的三个阶段
-
事件委托的作用和意义
-
如何阻止浏览器默认行为
-
DOMContentLoaded事件
-
使用jQuery有什么好处
-
jQuery基本使用逻辑
-
关于jQuery的CDN强调
-
jQuery查询元素的方法
-
jQuery元素内容操作1
-
jQuery元素内容操作2
-
jQuery元素内容操作3
-
jQuery元素样式操作
-
jQuery元素类名操作1
-
jQuery元素类名操作2
-
jQuery元素类名操作3
-
jQuery元素特性操作1
-
jQuery元素特性操作2
-
jquery查询结果过滤1
-
jquery查询结果过滤2
-
jquery查询结果过滤3
-
jquery查询结果过滤4
-
jquery查询结果过滤5
-
jquery相对查询之向下查询
-
jquery相对查询之向上查询01
-
jquery相对查询之向上查询02
-
jquery相对查询之向上查询03
-
jquery相对查询之向上查询04
-
jquery相对查询之向上查询05
-
jquery相对查询之横向查询
-
jQuery插入元素1
-
jQuery插入元素2
-
jQuery插入元素3
-
jQuery替换元素
-
jQuery移除元素
-
jQuery克隆元素
-
jQuery事件处理1
-
jQuery事件处理2
-
jQuery移除事件
-
jQuery一次性事件
-
DOMContentLoaded在jQuery的使用
-
jQuery对象和DOM对象之间的转换
-
jQuery发送Ajax请求01
-
jQuery发送Ajax请求02
-
jQuery发送Ajax请求03
-
jQuery发送Ajax请求04
-
swiper创建滑块快速入门
-
swiper基本说明和注意事项
-
用swiper实现基本滑块
-
用swiper实现带有导航的滑块
-
用swiper实现带有分页的滑块
-
用swiper实现垂直滑块
-
用swiper实现无限循环和自动播放的滑块
-
控制滑块的切换速度
-
控制滑块每次的展示数量
-
控制滑块的切换特效
-
用Swiper实现缩略相册功能
-
script标签的说明
-
js脚本是如何影响网页打开速度的
-
defer脚本的特点
-
async脚本的特点
不必从零开始，主题骨架简介
-
开发说明和准备
-
_s主题骨架目录结构解读
-
安装开发辅助软件
-
安装开发时依赖
-
_s开发辅助命令详解
基于主题骨架，轻量主题实战
-
pc端用户菜单样式开发
-
实现自定义logo功能
-
注册导航并调取菜单
-
通过参数调整菜单包裹元素和类名
-
wp_nav_menu默认的菜单结构逻辑
-
验证指示元素应该添加在哪里
-
自定义类修改菜单结构
-
如果管理员没有设置菜单的回退逻辑
-
用户快捷操作区域要实现的逻辑
-
用户未登录时提供登录和注册链接
-
展示登录用户的头像和显示名
-
添加用户后台首页链接以及用户菜单
-
拆分头部文件并添加常用数据
-
移动端用户菜单样式开发
-
头部模板调取站点标题和链接
-
搜索表单的调取方式
-
搜索表单样式调整和状态切换
-
移动边栏展示和隐藏状态的切换
-
transform和transition实现动画效果
-
移动边栏过渡效果的实现
-
修正PC端菜单效果
-
移动端下拉菜单的实现
-
完善详情页正文区域样式
-
页面详情页模版开发
-
归档页模板的选择
-
归档页循环结构和分页
-
归档页调取文章缩略图
-
归档页其他数据调用
-
文章详情页调取标题和正文
-
主题目录规划
-
样式和脚本源代码和生产代码为什么要分隔
-
sass的简单介绍
-
使用parcel打包sass文件
-
使用parcel打包js文件
-
通过package.json配置parcel参数和命令
-
打包命令中排出parcel缓存目录
-
加载主题样式和脚本
-
选择使用single.php作为文章详情页模板文件
-
静态模板改为模板文件
-
静态模版样式文件的改造
-
批量关闭所有注册用户的前台工具栏
-
让parcel打包工具忽略字体文件
-
课程附件，此课时不要点击完成按钮
-
文章详情页调取作者和发布时间
-
sprintf和printf函数介绍
-
在条件语句中声明可替换的函数
-
发布时间和更新时间
-
封装并调取文章分类信息模板标签
-
实现文章浏览次数功能
-
调取文章标签列表信息
-
文章内容区域拆分成独立文件
-
如何展示正文分页内容
-
调取当前文章的上一篇和下一篇
-
边栏功能实现及文件拆分
-
文章详情页模版简单的代码优化
-
文章详情页页脚导航区域开发