WordPress主题 – CP

前一两周的时候我开始制作这款名为CP的WordPress主题。目前完成度约为50%,不过第一次尝试制作WordPress主题的我,还是迫不及待地将CP使用在了个人博客上面。

总体思路

这款主题设计的总体思路就是简洁可定制化

“全宽”布局
“全宽”布局下的工具栏
“单栏”布局
弹出面板

图就不继续放了,如果感兴趣的话,可以随便逛逛小陈笔记——目前CP主题的演示站。

主题特色

  1. 全宽/单栏布局
  2. 面包屑
  3. 阅读进度条
  4. 支持包括Facebook、Twitter、微博在内的社交链接。
  5. 吸顶顶部(也就是固定顶部)
  6. 动态描述,也就是进入某个文章的时候,描述会变成文章的标题(好像并没什么用处)。
  7. 弹出面板。
  8. 6个工具栏区域(弹出面板3个,底部3个(如果是使用“单栏布局”的话则是侧边3个))。
  9. 瀑布流布局

还需要完成的东西

  1. 评论框。感觉现在评论框比较难看。
  2. 加强可定制化程度。目前可定制化(也就是后台自定义),仅限于更改布局(“单栏”或“全宽”)。未来肯定要加入自定义颜色等等其他选项。
  3. 修缮一些元素的样式。比如说<pre>,<code>。
  4. 增加“归档”页面,初步设想是搞成“下拉折叠”的形式。
  5. 设计“画廊”格式。因为我觉得图片是一个博客很重要的部分,我希望我的这款主题也能更好地让喜欢分享照片的博主使用。

建议征求

小陈笔记在未来相当长的一段时间里,可能都会使用CP这款主题。如果你有发现任何关于这款主题的任何问题,或者是你有什么关于设计方面的建言,都麻烦你告诉我,让我能够尽可能地知道这款主题有什么不足之处需要改进。

当然,现在还有一个非常大的问题,就是我不知道这款主题应该要正式命名成什么?哪位博友有建议的话,还请不吝赐教。

测试浏览器

Google Chrome

Firefox

Microsoft Edge

更新日志

  • 2019-06-13:修复了“单栏”布局下,如果没有放置小工具,依然会留空的bug。
  • 2019-06-15:设置了宽屏下的最大宽度。
  • 2019-06-15:修复了评论框栏目不对齐的问题。
  • 2019-06-22:初步优化了评论及评论框,以及其他的一些细节优化,比如粗体、斜体、超链接底部添加边框,突出强调之意。
  • 2019-08-19:修复了评论中“回复”在手机端一触碰即触发的问题。
  • 2019-08-19:配色自定义化初步完成。
  • 2019-08-24:修复了弹出面板中谷歌广告不显示的问题。

现征集博主测试CP主题并给予反馈,参与者可永久使用CP主题及其后续版本。有意者请邮询[email protected]