主题介绍

这里仅介绍主题的特色功能,其他基础功能仅一笔带过,可预览 Lophita 查看演示效果。

布局

主题的首页,分类页,搜索页为单栏布局;文章页可以为每一篇文章自由的设置为双栏或者单栏布局。

题图

首页分类页文章页,专题页均可设置题图。

为满足浏览器兼容性需求,您可以选择设置在 IE9 及以下浏览器中关闭题图功能,或者是显示题图但不包含题图的动画效果。

  1. 首页题图可以上传一张自定义图片,否则将会显示当日 Bing.com 的壁纸,当主题获取该壁纸出错时(请求超时等原因),主题将会调用一张默认图片。
  2. 分类页题图需要您为每个分类设置一张特色图片,当然您也可以在后台关闭这项功能。
  3. 文章页题图只需在后台编辑文章时开启并上传图片即可,主题将会优先调用您上传的图片,如果您没有上传图片,主题将会使用该文章的特色图片作为题图。
  4. 主题页题目与分类页类似,需要您给每个专题设置一张特色图片,类似的,您同样可以在后台关闭这项功能。

缩略图

为了主题整体的一致性与美观性,主题对缩略图的大小与位置做了相应的设计。

  1. 首页缩略图的位置可以在文章编辑页面进行设置,若不进行设置则将会随机选择显示位置。
  2. 分类页,专题页的缩略图将只包含一种大小(150*150),并且始终显示在右侧。

文章专题

主题添加了文章专题功能,帮助您更好的组织文章。您可以将若干分类里的文章添加到同一个专题,便于读者更好地得阅读。

当您为某一篇文章设置了专题时,首页文章标题的右侧将会以一个较小的字号显示该专题名称。

建议您只将同一类的文章添加到同一专题中。

该功能可在后台关闭。

HTML5 微数据

主题添加了 HTML5 微数据功能,便于搜索引擎的索引与显示(Google),可在 Google 中搜索 site:lophita.com 查看效果。例如:微数据

其他

其他包括但不限于以下几点功能:

  1. 响应式设计,兼容手机、平板设备
  2. 多种页面模板,包含归档、标签、留言板、友情链接、专题页面、网站地图等
  3. ajax 评论提交、翻页,独特的评论表单样式,可打开任一文章查看效果
  4. 评论头像、评论表情延迟加载
  5. 下一篇文章导航按钮
  6. 面包屑导航
  7. 文章评分
  8. 相关文章推荐
  9. 友好的 SEO 效果
  10. 精致设计的边栏小工具
  11. 音乐短代码(2 种形式)
  12. 页脚显示友链
  13. 相应的社交按钮

参考

页面大图效果参考 https://github.com/briangonzalez/codrops-medium-style-page-transitions

results matching ""

    No results matching ""