轩枫阁

首页 / Web前端 / 轩枫阁V3主题设计开发总结—技术篇

轩枫阁V3主题设计开发总结—技术篇

前言

轩枫阁V3.0主题已上线,自2013年上线发布,V1-V3,3年。3个月完成V3主题PC端、移动端交互原型、网页重构、功能开发、工具一键上线。

本次主题的更新,对整站进行优化,主要包括设计改版、性能优化、体验优化。

本文主要针对主题各类技术开发进行总结:

  • 主题分离篇
  • 重构篇
  • 图片优化篇
  • 开发篇
  • 构建篇
  • 加载篇

设计篇:轩枫阁V3主题设计开发总结—设计篇

主题分离篇

文章:wordpress移动端自动切换主题代码

主要内容

  • 响应式布局
  • WP插件
  • 差异处理
  • 主题切换代码

重构篇

文章:轩枫阁V3主题开发-重构篇

主要内容

  • Less
  • 滚动条
  • 动画
  • 构建
  • 雪碧图及2x图
  • 图片压缩
  • 静态HTML
  • 模块化
  • BEM

图片优化篇

文章:图片加载优化及图片lazyload自适应

主要内容

  • 居中图片裁剪
  • lazyload PC端与移动端实现差异

开发篇

文章:轩枫阁V3主题开发-开发篇

主要内容

  • 表格处理
  • 纯文本简介
  • 标签展示
  • 文件模块
  • 页面类型判断
  • 微信图片预览
  • 文章链接处理
  • 分享
  • 赞赏
  • 查看大图
  • 文章导航
  • 钢琴导航
  • 返回顶部
  • 友情链接

构建篇

文章:轩枫阁V3主题开发-构建篇

主要内容

  • 关于tmt-workflow
  • 目录结构
  • 自定义任务
  • 流程图
  • 本地环境构建
  • 体验环境构建
  • 上线发布构建
  • 增量发布

加载篇

文章:轩枫阁V3主题开发-加载篇

主要内容

  • 雪碧图
  • 图片压缩
  • lazyload
  • 文件位置
  • 文件压缩合并
  • CDN
  • 文件本地存储
61/470
63/470

相关阅读

文章评论

  • ddd

  • 支持楼主!!!

  • 支持楼主!!!

  • 楼主太帅了,这一系列的文章,把项目的流程都说到了,完整流畅,得多学习,谢谢楼主的好文,希望看到楼主更多系列好文

  • 不错,支持下

  • 来看看,支持一下~互访哦

  • 网站风格设计很独特,赞一个

  • 很实用的文章,不错

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子