【原创】基于bootstrap的单栏响应式wordpress主题:simple

article6-4

主题介绍

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

使用教程

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

1:菜单的设置

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

article6-2
article6-3

2:基本设置

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

article6-4

使用问题

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

编者感言

走走停停了半年之久,从前端页面的设计以及Coding,到wordpress后台的修改,这里用修改是因为这款主题后台并不是我写的,在这里感谢一位朋友:Loobo,没有他的帮助就没有这款主题的诞生。如果您喜欢这款主题并准备使用他,请您保留底部的主题声明。您也可以为我本人添加一个友情链接,http://www.vinceok.com,谢谢。

共有 70 条评论

  1. 王瑾

    为什么主题在套用多说插件时,多说插件排版没了样式?

    1. Vince

      排版没有样式是指?我的多说是美化过的,有一篇文章有css

  2. 奇虎分享网

    谢谢博主分享,很实用!

  3. thomas

    下载以后解压出来俩个压缩包 都放在一个目录下么?还是说前端的文件夹要放在simple文件夹下????页面上总是出不来效果 肯定是少了什么css或者没有引用到

    1. Vince

      前端文件只是给你参考的,和主题没关系

  4. 二漫君

    博主,我的多说,安装了插件,为什么跟你的面板不一样啊,我的好难看啊, 而且菜单按钮在右上角,旁边的滑动栏也是自带的。www.smeitu.cn 您帮看一下那里有问题吗。

    1. Vince

      加群下载2.1,多说是自定义的css,某篇文章里有下载

      1. 二漫君

        您的群我搜索不到啊,群号是不是写错了。

      2. Vince

        点击群号自动加群

      3. 二漫君

        加上了,谢谢~!!

  5. chao.zu@qq.com

    楼主,可以找你拿前端部分的文件么? 这个简洁风格的主题非常喜欢

  6. 孟运卓

    博客后台侧栏的主题设置点进去之后只有页面,评论,用户三个按钮- – 其他什么都没 .这是什么bug

    1. 孟运卓

      找到问题了..我把php7换成php5.6就ok了..搞了好长时间= =

  7. 树莓派raspberry

    代码高亮无效,换了主题就可以用。

    1. Vince

      注释文章样式的css应该就可以了

      1. 树莓派raspberry

        作者大大,我是在footer.php中加入了<?php wp_footer(); ?>不但解决了代码高亮问题,前台还出现了工具条。http://yangjunning.cn/simple%E4%B8%BB%E9%A2%98%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%E5%85%BC%E5%AE%B9%E9%97%AE%E9%A2%98/

      2. 孟运卓

        完美

  8. 代码高亮好像不支持 啊。请问怎么修改呢?

    1. Vince

      注释文章样式的css应该就可以了

  9. 你是谁

    可以

  10. 淡淡煙草味

    还没更新吗???

    1. admin

      快了

    2. Vince

      更新了

Top