IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

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

    ivan发表于 2016-09-05 16:05:13
    love 0

    前言

    轩枫阁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
    • 文件本地存储


沪ICP备19023445号-2号
友情链接