欢迎访问晨星博客!

  • 当前位置: 首页 未分类 正文

    dfrobot主题模板设计上的故事

    文章目录
    1. 初期规划
    2. 功能添加
    3. 后期整改

    喜欢这套主题的朋友应该已经用上了免费版的主题了,昨天又朋友反馈了免费版的特色图片有点问题,近期将抽空修复下,今天给大家说说dfrobot主题列表循环模块的一些设计的故事。

    初期规划

    在最初打算开发这套主题的时候规划的是做一套最简单的博客主题,定位是要求简单,布局大气,代码精炼的特点,所以我开发好上线测试的时候列表循环模块和缩略图模块还比较简单,功能也比较单一,主题包除去一张1M多的登陆页面背景图其他代码也仅有100多K的大小,可谓是简单精炼。

    功能添加

    上线测试完之后对主题要了多的要求,像一些特色功能之类的模块觉得还是要设计上一些,但是不能影响到主题大定位,于是在侧边添加了“热门话题模块”和“换一换模块”首页幻灯片下面添加“精选文章模块”并把评论改成了AJAX提交的方式对模板也进行了一些修改。

    后期整改

    主题上线测试15天之后处理了一些bug并对模块尺寸和标题布局进行了一次调整,分类标题右侧添加二级分类,如果没有二级分类那么久从分类设置页面的自定义字段中获取要显示的内容。增加了分类封面图片的显示。到后来我发现如果博客的列表仅仅只有一种模板的话显得太单调了,于是开发出了现在用的混搭列表布局。

    dfrobot-theme-shuoming

    混搭列表布局说明:

    列表布局一:发布标准形式的文章时如果设置了特色图像那么久在左侧显示缩略图,如果没有上传缩略图的话就不显示图片进行纯文本布局。

    列表布局二:如果发布图片形式的文章那么就不显示文章描述,然后从文章中提取出前三张图片放到标题的下面。

    列表布局二:如果发布日志形式的文章那么就不显示缩略图,进行纯文本布局。

    所以到目前为止这套主题提供了三套列表循环模板,以满足不同用户的多种需求,您可以根据你的个人喜好然后进行选择性布局。

    缩略图问题修改:

    进行上面三中列表布局后受影响最大的就是侧边换一换的缩略图显示上的问题,所以又花时间整改了这一块,最后主题缩略图运行就成了列表中标准形式的文章只判断是否设置了特色图像(有则显示)图片形式的文章不判断特色图像直接拉取文章中的前三张图片,然后其他侧边模块和相关文章模块调用的所有文章统一先调用特色图像(有则显示)如果没有设置那么从文章中找第一张图片,如果文章中没有图片那么久显示默认的图片。

    声明:原创文章请勿转载,如需转载请注明出处!

    • 共 2 条评论

    请登陆后再发表您的观点吧!

    最新评论

      1. 小牛爱奋斗

        @‍ 国主 谢谢,只是做一款简单的博客主题。之前的主题不太满意,顺便开发一下先满足自己的使用。

    账号登陆

    快捷登陆