前言
轩枫阁V3.0主题已上线,自2013年上线发布,V1-V3,3年。3个月完成V3主题PC端、移动端交互原型、网页重构、功能开发、工具一键上线。
本次主题的更新,对整站进行优化,主要包括设计改版、性能优化、体验优化。
本文主要针对主题各类技术开发进行总结:
- 主题分离篇
- 重构篇
- 图片优化篇
- 开发篇
- 构建篇
- 加载篇
设计篇:轩枫阁V3主题设计开发总结—设计篇
主题分离篇
文章:wordpress移动端自动切换主题代码
主要内容
重构篇
文章:轩枫阁V3主题开发-重构篇
主要内容
- Less
- 滚动条
- 动画
- 构建
- 雪碧图及2x图
- 图片压缩
- 静态HTML
- 模块化
- BEM
图片优化篇
文章:图片加载优化及图片lazyload自适应
主要内容
- 居中图片裁剪
- lazyload PC端与移动端实现差异
开发篇
文章:轩枫阁V3主题开发-开发篇
主要内容
- 表格处理
- 纯文本简介
- 标签展示
- 文件模块
- 页面类型判断
- 微信图片预览
- 文章链接处理
- 分享
- 赞赏
- 查看大图
- 文章导航
- 钢琴导航
- 返回顶部
- 友情链接
构建篇
文章:轩枫阁V3主题开发-构建篇
主要内容
- 关于tmt-workflow
- 目录结构
- 自定义任务
- 流程图
- 本地环境构建
- 体验环境构建
- 上线发布构建
- 增量发布
加载篇
文章:轩枫阁V3主题开发-加载篇
主要内容
- 雪碧图
- 图片压缩
- lazyload
- 文件位置
- 文件压缩合并
- CDN
- 文件本地存储