Npcink Blog
切换菜单
本页目录4 节

simple,顾名思义,这是一款简洁的单栏 WordPress 主题,基于 bootstrap3.3.5,内置 font-awesome 字体图标, 有着良好的响应式风格,针对各类分辨率的终端进行了优化。这款主题或许没有那么多功能,但这正是我们需要的。

之前想网上随便找一个主题,但是越看越觉得花 哨,于是决定自己写一个,这就有了今天的 simple。今天我会把主题和主题的前端文件提供出来,大家可以随意改动,来达到自己想要的效果。

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

Simple-3.2

使用教程

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

1:菜单的设置

首先,下载本主题(扫描文章结尾处的二维码),获取下载链接,复制到 WordPress 的 themes 文件夹下,然后在 WordPress 后台选择主题为 simple,应用。然后进入菜单设置:文章-分类目录-添加,依次添加你所需要的分类目录。

然后进入外观-菜单-创建新菜单(名字任意),然后勾选[自 动添加新的顶级页面到此菜单]和[菜单 Primary Menu],之后点击左侧分类目录-查看所有-全选-添加到菜单,在这里你可以拖动排序,最后点击保存菜单就可以了。

以后要添加菜单的话,过程一样。

2:基本设置

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

使用问题

  1. 主题目前有几方面问题

  2. 由于主题的菜单使用最新的 html5 技术 SVG 制作,因此和 WordPress 原生的评论不兼容,点击提交评论时会有 bug,具体问题目前还不清楚。所以暂时使用多说社会化评论插件。

  3. 由于主题本身的前端结构,导致我不能添加[返回顶部],这里尚美中不足。

  4. 目前主题没有文章分享功能,后期版本会加上并在主题笔记与醉清风博客发布,敬请期待。

  5. 文章页我自己写了点 css 来美化文章内容,但感觉有点同学可能不需要,比如标题下划线或者缩进之类,不需要的同学可以找到 css 对应的部分,注释掉或者删除即可

  6. 其他有任何问题或者建议可以在文章下面评论框留言,看到会一一解答,谢谢合作。