dangopress 是我自己独立创作的第一款免费主题,主打简洁风格,双栏布局。主题包含代码高亮、支持第三方 CDN、支持网站统计分析、侧栏跟随等等功能,以及许多细节上的打磨和优化,有兴趣的同学可以下载体验。主题已经上传到 Github,可以免费下载,暂时还没有打算提交到官方主题库中。
我的性子比较喜欢折腾,主题经常换来又换去,下载了别人放出的主题之后,一定要亲手“打磨”过之后才会使用。几次下来,新鲜劲刚过,又开始寻觅新的主题。从开始使用 WordPress 开始,我就有一个愿望可以自己亲手实现一份主题,现在愿望实现了,感觉真不错。
主题的许多素材都是来源自网上,最初原型是来自 牧风 现在的主题,同时也参考了很多 Neoease 博客上的元素。当然还有,例如邮件回复、归档页面、最近评论等等,都来自网上各位同仁的分享。所以主题完成之后,我就立马上传到 Github 上了。
主题安装方法:
- 推荐从 Github Release 页面下载最新版本;
- 从 Github 下载最新代码:
# git clone https://github.com/kodango/dangopress
将 clone 下来的整个目录压缩成 zip 包。
到 WordPress 后台上传安装主题,主题有几个自定义的选项,请自行设置。如果有问题需要帮忙,欢迎在本博客评论。
dangopress 主题特性
dangopress 双栏设计,白底黑字,属于简洁风格。
主题拥有以下特性(包括但不仅限于):
- 集成侧栏跟随滚动功能;
- 支持添加百度分享、百度统计以及 Google Analytics 统计代码,主题后台可配置;
- 默认自带代码高亮功能,通过 Google Code Prettify 实现;
- 评论支持回复邮件提醒功能,邮件内容已定制;
- 支持将博客静态文件上传到 CDN,主题后台可配置 CDN 地址前缀(本博客的一些静态文件都是托管在 OSS 上的,关于 WordPress 使用 OSS 可以参考我之前写得一篇文章);
- 侧栏包括最新、随机、置顶以及热评文章,以 Tab 选项卡形式呈现;
- 简单的多种宽度设备(手机、平板、电脑)样式自适应,效果见下方;
从 0.4.3 版本开始,原侧栏中的固定内容已经统一成小工具,可以在后台 - 外观 - 小工具
页面拖拽调整。如果文章中需要高亮代码,可以在将代码块包含在<pre class="prettyprint">...</pre>
或者<pre><code>...</code></pre>
标签中。
为了达到最佳效果,推荐配合安装以下插件:
- WP-PostViews Plus:文章访问次数统计插件;
- Yet Another Related Posts Plugin (YARPP):相关文章归类插件;
效果截图
下面是主题几个不同设备上的效果图。
手机体验(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
请问直接上传到的虚拟主机 怎么进后台 在线编辑
wordpress里面固定链接怎么设置啊?我改成带文章名的,就会报404了。
要改nginx配置文件吗?怎么达到和您一样的 都显示location/dangopress-theme。
评论好像有点问题:
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
如何添加归档页?
@ccc:在后台新建一个页面,模版选择“Archives”
@kodango:谢谢
@kodango:我选择了“Archives”,右边的样式
置顶 热评 随机 最新 这排sidebar-follow样式偏移到container这个类的右边了,是我的个例吗?我选择默认的,就没有问题,是正常在container这个里面。
@kodango:原来是我傻,加下内容就可以的,不好意思。
博主我又来了,咨询个小问题,有个网易云音乐的插件,在这个主题中貌似用不了,点击不了也播放不了,但是换到WP的默认主题是可以播放的,这应该是主题的原因了,但自己不知道怎么弄,博主如果有时间的话不知能否解决一下,我还是希望这个能用。嘻嘻~
@KUPER:有什么报错的信息吗?然后插件名称也发下,周末我有空可以看看
@kodango:没哟报错,插件名是Netease Music,插件地址 https://fatesinger.com/74369 感谢!
@KUPER:测试一下评论
安装以后后台空白,前台正常,咋回事,WP最新版本。
@leejon:可以打开wordpress的DEBUG日志,看看有没有什么报错信息
@leejon:有更多详细的信息吗
@leejon:add_filter('script_loader_tag', 'defer_scripts', 10, 3); 新代码没问题了
@leejon:另外,主题的设置选项在后台哪里?
@leejon:就在选择主题那里。
博主,这套主题很喜欢,但是我应用后,页面最上方和最下方有代码报错,麻烦帮忙看一下是哪里出了问题,这是导航栏下面显示的两个报错(同时在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
其他的好像没什么问题
@KUPER:你的wordpress版本是多少?
@kodango:4.8.2版本,不过我把错误输出关闭了页面就好了
@KUPER:等假期我更新新版wp,再看看问题出在哪里
@KUPER:这些问题都修复了,你可以更新 0.4.10 试试
好像CSS出了问题啊?
@codingbruce:抱歉,早上在调整主题~
@kodango:好的,那好了告诉一下,我下的47版主体白色不显示。
@codingbruce:从 github 上下载最新的试试
赞一个,楼主还在继续更新。
导航栏多放几个分类目录就错位了
@codingbruce:恩,这个没有设计好。
@kodango:会不会考虑后期修改呢?
@codingbruce:这个我偷懒了,因为要和侧栏对齐,放不了太多
好喜欢这个主题,响应式,简洁清爽,感谢博主分享。
在SAE上面装这个有没有问题?
@淘淘:理论上没有问题,不过没有试过。
@淘淘:我在SAE上装了,没问题。
很漂亮,已经使用~~
dangopress非常不错,简洁漂亮。我已经用上了,感谢@kodango的分享!
Nice.非常不错噢,下次我朋友叫我帮他搞wp,我直接send这个给他,不想折磨。
@gemerz:多谢~
哇 喜欢简洁主题>.<
@天然傲娇:可以给我多提点建议~~
@kodango:=w=嘛 就是和上面说的一样 右侧栏做成小工具什么的
还有就是评论不做成嵌套式的吗 感觉看起来会清楚一些~
@天然傲娇:我已经上传了 v0.4.3 版本,可以在 Github Release 页面下载。侧栏和评论都更新了~
@kodango:赞!辛苦啦 =w=
@天然傲娇:这里都能见到傲娇学姐....
lz主题很赞啊
已使用,感谢团总。
@ydzhang:有空的时候我把侧栏理一理,弄成小工具。
@kodango:等你弄好了我再升级一下,现在没去折腾,把你定制的那个侧边栏给直接注释掉了。
@林青:我已经上传了 v0.4.3 版本,可以在 Github Release 页面下载。
@kodango:赞速度...
我微博私信发了个问题给你,header下面的空白区域太大了。但对比你的博客,好像又没那么大(顶部横线到文章标题的那块空白)。
@林青:我回复你了,这个版本我有减少这个高度的。升级后,可以卸载一些插件了,哈哈。
很棒的主题,已使用。
为啥大家都喜欢用github?
@西门:github 上创建的项目可以面向国内外的所有同行,这一点是国内的类似 github 服务所不能比的,而且它的体验是很赞的,甚至不需要你太多去了解 git 的用法。
赞,非常的简洁,啥时候到github上及时通知我哈^ ^
@kashu:多谢支持~
@kashu:已经上传,欢迎试用。
@kodango:收到,谢谢分享,有空测试看看。