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

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

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

主题安装方法:

  • 推荐 Github Release 页面下载最新版本;
  • 从 Github 下载最新代码:
  • # git clone https://github.com/dangoakachan/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.8,更新时间为 2017-05-07。

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. codingbruce's avatar
    codingbruce 发表于 2017-05-07 11:28:43 回复 #1

    好像CSS出了问题啊?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    很漂亮,已经使用~~

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

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

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

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

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

    哇 喜欢简洁主题>.<

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

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

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

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

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

    已使用,感谢团总。

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

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

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

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

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

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

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

            @kodango:赞速度...

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

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

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

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

    很棒的主题,已使用。

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

    为啥大家都喜欢用github?

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

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

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

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