基于bootstrap的单栏响应式主题:simple

更新日志

2.5

  • 增加了搜索功能
  • 修复了代码高亮功能(目前测试了pure highlight插件)
  • 为避免主题色彩同质化严重,因此我统一了几乎所有主体颜色代码,使用者可以用编辑器(例如notepad++、sublime…) 打开主题文件夹下的style.css,Ctrl+H替换目前的主体颜色#0cc为你喜欢的颜色

2.0

  • 由于V1.0中SVG菜单兼容性太差,导致了许多BUG,因此V2.0将使用基于Jquery的菜单,兼容IE9及以上版本,更符合用户使用习惯
  • 修复了不在后台设置banner时LOGO和标题会错位的bug
  • 更换了时间和分类的小图标,使之更具语义化,但均基于Font-awesome,在此感谢开源的IT World
  • 全站增加了返回顶部按钮,并能智能隐藏,美化了’阅读更多’和’返回顶部’按钮,基于Materia Design的设计理念
  • 优化了footer的部分设置,例如QQ群的设置,并完善了copyright版权信息,请保留底部版权信息(移动端已设置为隐藏),以表示对作者基本的理解和尊重,谢谢。
  • 上版本评论需要使用多说插件,本版本已修复,可以使用wordpress原生评论,但评论框没有进行美化,后续我会在博客更新wordpress原生评论框的美化CSS,敬请期待!
  • 文章页新增下载预览按钮,仅当发布文章时选择了开启下载才显示,这个小功能对于文章经常有demo或者下载演示的站长非常有用
  • 保留了对wordpress后台登陆界面的美化,并进一步优化了移动端后台登陆界面的适配
  • 优化了文章页的显示样式,点击评论数可直达评论框
  • 优化了全站代码,删除不必要的css和js,尽量使用压缩版的文件,以提高网站加载速度
  • 更换了LOGO的CSS3动画
  • 给缩略图添加了alt和title属性,默认为文章标题,使之对搜索引擎更友好
  • 优化了整站的移动端体验

1.0

  • 主题发布

主题介绍

simple,顾名思义,这是一款简洁的单栏wordpress主题,基于bootstrap3.3.5,内置font-awesome字体图标, 有着良好的响应式风格,针对各类分辨率的终端进行了优化。这款主题或许没有那么多功能,但这正是我们需要的。之前想网上随便找一个主题,但是越看越觉得花 哨,于是决定自己写一个,这就有了今天的simple。今天我会把主题和主题的前端文件提供出来,大家可以随意改动,来达到自己想要的效果。

使用教程

主题本身就十分就简洁,因此使用起来也很简单,我就讲2点,其他和wordpress原生功能一模一样。

1:菜单的设置

首先,下载本主题(扫描文章结尾处的二维码),获取下载链接,复制到wordpress的themes文件夹下,然后在wordpress后台选择主题为 simple,应用。然后进入菜单设置:文章-分类目录-添加,依次添加你所需要的分类目录。然后进入外观-菜单-创建新菜单(名字任意),然后勾选[自 动添加新的顶级页面到此菜单]和[菜单 Primary Menu],之后点击左侧分类目录-查看所有-全选-添加到菜单,在这里你可以拖动排序,最后点击保存菜单就可以了。以后要添加菜单的话,过程一样。

2:基本设置

进入博客后台,点击侧栏的主题设置,里面有几乎所有的常规项设置,例如logo、大标题、友链、qq、微博、版权信息备案号等等,相信大家都很容易看懂

使用问题

  1. 主题目前有几方面问题
    由于主题的菜单使用最新的html5技术SVG制作,因此和wordpress原生的评论不兼容,点击提交评论时会有bug,具体问题目前还不清楚。所以暂时使用多说社会化评论插件。
  2. 由于主题本身的前端结构,导致我不能添加[返回顶部],这里尚美中不足。
  3. 目前主题没有文章分享功能,后期版本会加上并在主题笔记与醉清风博客发布,敬请期待。
  4. 文章页我自己写了点css来美化文章内容,但感觉有点同学可能不需要,比如标题下划线或者缩进之类,不需要的同学可以找到css对应的部分,注释掉或者删除即可
  5. 其他有任何问题或者建议可以在文章下面评论框留言,看到会一一解答,谢谢合作。

[buttons text=”下载地址” url=”https://github.com/themenote/simple.git” icons=”icon-xiazai” color=”primary” border=”no” target=”yes” ]

Responses

您的电子邮箱地址不会被公开。 必填项已用*标注

Up Next:

添加自定义meta-box

添加自定义meta-box