主题介绍
这里仅介绍主题的特色功能,其他基础功能仅一笔带过,可预览 Lophita 查看演示效果。
布局
主题的首页,分类页,搜索页为单栏布局;文章页可以为每一篇文章自由的设置为双栏或者单栏布局。
题图
为满足浏览器兼容性需求,您可以选择设置在 IE9 及以下浏览器中关闭题图功能,或者是显示题图但不包含题图的动画效果。
- 首页题图可以上传一张自定义图片,否则将会显示当日 Bing.com 的壁纸,当主题获取该壁纸出错时(请求超时等原因),主题将会调用一张默认图片。
- 分类页题图需要您为每个分类设置一张特色图片,当然您也可以在后台关闭这项功能。
- 文章页题图只需在后台编辑文章时开启并上传图片即可,主题将会优先调用您上传的图片,如果您没有上传图片,主题将会使用该文章的特色图片作为题图。
- 主题页题目与分类页类似,需要您给每个专题设置一张特色图片,类似的,您同样可以在后台关闭这项功能。
缩略图
为了主题整体的一致性与美观性,主题对缩略图的大小与位置做了相应的设计。
- 首页缩略图的位置可以在文章编辑页面进行设置,若不进行设置则将会随机选择显示位置。
- 分类页,专题页的缩略图将只包含一种大小(150*150),并且始终显示在右侧。
文章专题
主题添加了文章专题功能,帮助您更好的组织文章。您可以将若干分类里的文章添加到同一个专题,便于读者更好地得阅读。
当您为某一篇文章设置了专题时,首页文章标题的右侧将会以一个较小的字号显示该专题名称。
建议您只将同一类的文章添加到同一专题中。
该功能可在后台关闭。
HTML5 微数据
主题添加了 HTML5 微数据功能,便于搜索引擎的索引与显示(Google),可在 Google 中搜索 site:lophita.com 查看效果。例如:
其他
其他包括但不限于以下几点功能:
- 响应式设计,兼容手机、平板设备
- 多种页面模板,包含归档、标签、留言板、友情链接、专题页面、网站地图等
- ajax 评论提交、翻页,独特的评论表单样式,可打开任一文章查看效果
- 评论头像、评论表情延迟加载
- 下一篇文章导航按钮
- 面包屑导航
- 文章评分
- 相关文章推荐
- 友好的 SEO 效果
- 精致设计的边栏小工具
- 音乐短代码(2 种形式)
- 页脚显示友链
- 相应的社交按钮
参考
页面大图效果参考 https://github.com/briangonzalez/codrops-medium-style-page-transitions