dangopress 是我自己独立创作的第一款免费主题,主打简洁风格,双栏布局。主题包含代码高亮、支持第三方 CDN、支持网站统计分析、侧栏跟随等等功能,以及许多细节上的打磨和优化,有兴趣的同学可以下载体验。主题已经上传到 Github,可以免费下载,暂时还没有打算提交到官方主题库中。

我的性子比较喜欢折腾,主题经常换来又换去,下载了别人放出的主题之后,一定要亲手“打磨”过之后才会使用。几次下来,新鲜劲刚过,又开始寻觅新的主题。从开始使用 WordPress 开始,我就有一个愿望可以自己亲手实现一份主题,现在愿望实现了,感觉真不错。

主题的许多素材都是来源自网上,最初原型是来自 牧风 现在的主题,同时也参考了很多 Neoease 博客上的元素。当然还有,例如邮件回复、归档页面、最近评论等等,都来自网上各位同仁的分享。所以主题完成之后,我就立马上传到 Github 上了。

主题安装方法:

  • 推荐 Github Release 页面下载最新版本;
  • 从 Github 下载最新代码:
  • # git clone https://github.com/kodango/dangopress
    

    将 clone 下来的整个目录压缩成 zip 包。

到 WordPress 后台上传安装主题,主题有几个自定义的选项,请自行设置。如果有问题需要帮忙,欢迎在本博客评论。

dangopress 主题特性

dangopress 双栏设计,白底黑字,属于简洁风格。

主题拥有以下特性(包括但不仅限于):

  1. 集成侧栏跟随滚动功能
  2. 支持添加百度分享、百度统计以及 Google Analytics 统计代码,主题后台可配置;
  3. 默认自带代码高亮功能,通过 Google Code Prettify 实现;
  4. 评论支持回复邮件提醒功能,邮件内容已定制;
  5. 支持将博客静态文件上传到 CDN,主题后台可配置 CDN 地址前缀(本博客的一些静态文件都是托管在 OSS 上的,关于 WordPress 使用 OSS 可以参考我之前写得一篇文章);
  6. 侧栏包括最新、随机、置顶以及热评文章,以 Tab 选项卡形式呈现;
  7. 简单的多种宽度设备(手机、平板、电脑)样式自适应,效果见下方;

从 0.4.3 版本开始,原侧栏中的固定内容已经统一成小工具,可以在后台 - 外观 - 小工具页面拖拽调整。如果文章中需要高亮代码,可以在将代码块包含在<pre class="prettyprint">...</pre>或者<pre><code>...</code></pre>标签中。

为了达到最佳效果,推荐配合安装以下插件:

效果截图

下面是主题几个不同设备上的效果图。

手机体验(iPhone 6S):

平板体验(iPAD)

笔记本电脑体验(Macbook Air):

更新历史

当前主题版本是 0.4.10,更新时间为 2017-09-30。

version 0.4.10

  • 修复: 修复一些代码 bug;

version 0.4.9

  • 修复: 一些代码 bug 和样式问题;
  • 增加: Facebook Open Graph\Twitter Card 支持;
  • 增加: Schema.org 支持;
  • 改进: 主题 SEO 细节优化;

version 0.4.8

  • 修复: 一些代码 bug 和样式问题;
  • 改进:主题选项增加是否使用压缩 JS/CSS 文件;
  • 增加:Bing webmaster 支持;

version 0.4.7

  • 增加: 增加面包屑导航
  • 改进: 主题自适应

version 0.4.6

  • 改进: 主样式支持 cdn 加速;
  • 改进: 改进归档页面;
  • 增加: 支持内嵌 Gist 链接;
  • 改进: 使用 V2EX 提供的 avatar 加速服务;
  • 改进: 删除部分 WordPress 无用的新特性;

version 0.4.5

  • 改进: 主题样式改进;

version 0.4.4

  • 改进: 文章页面标题与面包屑插件合并;
  • 改进: 文章页面前后页面导航链接优化;
  • 改进: 页面与评论样式;
  • 改进: 相关文章结构, 后台配置 yarpp 是选择 custom - list;

version 0.4.3

  • 修复: 评论头像图片未包含 alt 属性;
  • 增加: 侧栏增加置顶文章推荐小工具;
  • 增加: 文章编辑框添加 <h3> 和 <h4> 按钮;
  • 增加: 新增侧栏小工具;
  • 增加: 垃圾评论防护;
  • 增加: 文章底部原创说明;
  • 改进: 优化文章与评论样式;
  • 改进: 调整侧栏 Tabber 小工具形式;
  • 改进: 评论作者链接在新窗口打开;
  • 改进: 高亮<pre><code>标签代码;

version 0.4.2

  • 修复: breadcrumbs 导航最后一个元素链接显示成文本格式;
  • 修复: 代码中包含 pre 标签时处理失败;
  • 修复: 侧栏从隐藏恢复到显示时, 跟随失效;
  • 增加: 在分类页面增加描述信息;
  • 增加: 文章编辑框添加 <pre> 和 <pre class="prettyprint"> 按钮;
  • 增加: 新增站点地图文件名选项;
  • 改进: 中文字体与等宽字体显示;
  • 改进: 增加一些 SEO 优化;
  • 改进: 优化页面标题;

version 0.4.1

  • 修复: 新增主题选项默认值无效;
  • 增加: 新增文章结尾标记选项, 默认为'## End Post ##';
  • 修复: 相关文章插件未安装时主题出错;
  • 增加: 新增评论分页导航;
  • 改进: 非管理员用户才会加载统计代码;

version 0.4.0

  • first released version

转载请注明转自: 团子的小窝 , 本文固定链接: dangopress: 简单的自适应主题

  1. 润丰's avatar
    润丰 发表于 2019-06-08 12:57:37 回复 #1

    请问直接上传到的虚拟主机 怎么进后台 在线编辑

  2. 香蕉皮's avatar
    香蕉皮 发表于 2018-02-23 3:55:25 回复 #2

    wordpress里面固定链接怎么设置啊?我改成带文章名的,就会报404了。
    要改nginx配置文件吗?怎么达到和您一样的 都显示location/dangopress-theme。

  3. abcwu's avatar
    abcwu 发表于 2018-02-22 5:35:03 回复 #3

    评论好像有点问题:
    Strict Standards: Only variables should be assigned by reference in /data/home/hxu0450152/htdocs/wp-content/themes/dangopress-0.4.10/comments.php on line 15

  4. ccc's avatar
    ccc 发表于 2018-01-20 4:04:47 回复 #4

    如何添加归档页?

    • kodango's avatar
      发表于 2018-01-21 2:17:42 回复

      @ccc:在后台新建一个页面,模版选择“Archives”

      • ccc's avatar
        ccc 发表于 2018-01-21 7:32:05 回复

        @kodango:谢谢

      • 香蕉皮's avatar
        香蕉皮 发表于 2018-02-23 9:41:53 回复

        @kodango:我选择了“Archives”,右边的样式
        置顶 热评 随机 最新 这排sidebar-follow样式偏移到container这个类的右边了,是我的个例吗?我选择默认的,就没有问题,是正常在container这个里面。

      • 香蕉皮's avatar
        香蕉皮 发表于 2018-03-02 6:27:22 回复

        @kodango:原来是我傻,加下内容就可以的,不好意思。

  5. KUPER's avatar
    KUPER 发表于 2017-10-23 7:32:40 回复 #5

    博主我又来了,咨询个小问题,有个网易云音乐的插件,在这个主题中貌似用不了,点击不了也播放不了,但是换到WP的默认主题是可以播放的,这应该是主题的原因了,但自己不知道怎么弄,博主如果有时间的话不知能否解决一下,我还是希望这个能用。嘻嘻~

  6. leejon's avatar
    leejon 发表于 2017-09-23 12:29:12 回复 #6

    安装以后后台空白,前台正常,咋回事,WP最新版本。

    • kodango's avatar
      发表于 2017-09-29 2:19:35 回复

      @leejon:可以打开wordpress的DEBUG日志,看看有没有什么报错信息

    • kodango's avatar
      发表于 2017-09-30 2:59:26 回复

      @leejon:有更多详细的信息吗

    • leejon's avatar
      leejon 发表于 2017-10-05 5:24:10 回复

      @leejon:add_filter('script_loader_tag', 'defer_scripts', 10, 3); 新代码没问题了

      • leejon's avatar
        leejon 发表于 2017-10-05 5:25:10 回复

        @leejon:另外,主题的设置选项在后台哪里?

  7. KUPER's avatar
    KUPER 发表于 2017-09-19 6:59:27 回复 #7

    博主,这套主题很喜欢,但是我应用后,页面最上方和最下方有代码报错,麻烦帮忙看一下是哪里出了问题,这是导航栏下面显示的两个报错(同时在WordPress后台上方也显示):
    Warning: Invalid argument supplied for foreach() in /www/wwwroot/default/wp-includes/general-template.php on line 2878

    Warning: Invalid argument supplied for foreach() in /www/wwwroot/default/wp-includes/general-template.php on line 2878 Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'remove_dns_prefetch' not found or invalid function name in /www/wwwroot/default/wp-includes/class-wp-hook.php on line 298

    这是页脚的报错:
    Warning: Missing argument 3 for dangopress_defer_scripts() in /www/wwwroot/default/wp-content/themes/dangopress-0.4.9/functions.php on line 238

    其他的好像没什么问题

    • kodango's avatar
      发表于 2017-09-21 2:12:22 回复

      @KUPER:你的wordpress版本是多少?

      • KUPER's avatar
        KUPER 发表于 2017-09-21 2:59:18 回复

        @kodango:4.8.2版本,不过我把错误输出关闭了页面就好了

        • kodango's avatar
          发表于 2017-09-27 8:12:41 回复

          @KUPER:等假期我更新新版wp,再看看问题出在哪里

        • kodango's avatar
          发表于 2017-09-30 2:58:59 回复

          @KUPER:这些问题都修复了,你可以更新 0.4.10 试试

  8. codingbruce's avatar
    codingbruce 发表于 2017-05-07 3:28:43 回复 #8

    好像CSS出了问题啊?

  9. codingbruce's avatar
    codingbruce 发表于 2017-05-07 2:50:20 回复 #9

    赞一个,楼主还在继续更新。

  10. codingbruce's avatar
    codingbruce 发表于 2017-03-02 12:06:25 回复 #10

    导航栏多放几个分类目录就错位了

    • kodango's avatar
      kodango 发表于 2017-03-08 8:58:13 回复

      @codingbruce:恩,这个没有设计好。

      • codingbruce's avatar
        codingbruce 发表于 2017-03-19 15:05:21 回复

        @kodango:会不会考虑后期修改呢?

  11. Zinev's avatar
    Zinev 发表于 2014-05-18 11:31:23 回复 #11

    好喜欢这个主题,响应式,简洁清爽,感谢博主分享。

  12. 淘淘's avatar
    淘淘 发表于 2014-04-25 4:59:07 回复 #12

    在SAE上面装这个有没有问题?

    • kodango's avatar
      发表于 2014-04-25 9:48:22 回复

      @淘淘:理论上没有问题,不过没有试过。

    • IdleMind's avatar
      IdleMind 发表于 2014-05-19 10:50:50 回复

      @淘淘:我在SAE上装了,没问题。

  13. ant's avatar
    ant 发表于 2014-04-03 6:22:47 回复 #13

    很漂亮,已经使用~~

  14. Robin Dong's avatar
    Robin Dong 发表于 2013-12-12 8:54:58 回复 #14

    dangopress非常不错,简洁漂亮。我已经用上了,感谢@kodango的分享!

  15. gemerz's avatar
    gemerz 发表于 2013-10-27 4:31:10 回复 #15

    Nice.非常不错噢,下次我朋友叫我帮他搞wp,我直接send这个给他,不想折磨。

  16. 天然傲娇's avatar
    天然傲娇 发表于 2013-10-25 0:58:53 回复 #16

    哇 喜欢简洁主题>.<

    • kodango's avatar
      发表于 2013-10-25 12:28:43 回复

      @天然傲娇:可以给我多提点建议~~

      • 天然傲娇's avatar
        天然傲娇 发表于 2013-10-26 6:16:37 回复

        @kodango:=w=嘛 就是和上面说的一样 右侧栏做成小工具什么的
        还有就是评论不做成嵌套式的吗 感觉看起来会清楚一些~

  17. ydzhang's avatar
    ydzhang 发表于 2013-10-23 15:37:10 回复 #17

    已使用,感谢团总。

    • kodango's avatar
      发表于 2013-10-24 5:00:27 回复

      @ydzhang:有空的时候我把侧栏理一理,弄成小工具。

      • 林青's avatar
        林青 发表于 2013-10-24 5:32:53 回复

        @kodango:等你弄好了我再升级一下,现在没去折腾,把你定制的那个侧边栏给直接注释掉了。

        • kodango's avatar
          发表于 2013-10-27 10:15:43 回复

          @林青:我已经上传了 v0.4.3 版本,可以在 Github Release 页面下载。

          • 林青's avatar
            林青 发表于 2013-10-27 12:01:39 回复

            @kodango:赞速度...

            我微博私信发了个问题给你,header下面的空白区域太大了。但对比你的博客,好像又没那么大(顶部横线到文章标题的那块空白)。

            • kodango's avatar
              发表于 2013-10-27 13:32:52 回复

              @林青:我回复你了,这个版本我有减少这个高度的。升级后,可以卸载一些插件了,哈哈。

  18. jiazhoulvke's avatar
    jiazhoulvke 发表于 2013-10-15 7:38:13 回复 #18

    很棒的主题,已使用。

  19. 西门's avatar
    西门 发表于 2013-10-04 7:33:27 回复 #19

    为啥大家都喜欢用github?

    • kodango's avatar
      发表于 2013-10-04 7:47:37 回复

      @西门:github 上创建的项目可以面向国内外的所有同行,这一点是国内的类似 github 服务所不能比的,而且它的体验是很赞的,甚至不需要你太多去了解 git 的用法。

  20. kashu's avatar
    kashu 发表于 2013-10-02 10:57:28 回复 #20

    赞,非常的简洁,啥时候到github上及时通知我哈^ ^