WordPress主题CP介绍以及建议征求

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

总体思路

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

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

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

主题特色

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

还需要完成的东西

  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主题及其后续版本。有意者请邮询cp@chenpan.xyz。

你可能还喜欢

30则评论

  1. 配色很护眼,就是感觉不够年轻,风格也如此

    1. 谢谢评价!走的简洁风 哈哈。的确有点显老。

  2. 测试

  3. 评论弄成ajax就更好了

    1. 谢谢!等这个主题大功告成了之后我送一份给你。

      1. 另外,好像你的标签没用,点任何标签都是显示全部文章

        1. 感谢提醒!

    2. 现在这个是你所想的ajax效果吗?

  4. […] 今天在完善CP主题的时候,发现“动态描述”在过长的时候会出现如下的奇怪现象: […]

  5. 可以啊,好看,感觉像是加强版的2019。
    我用2019虽然简洁但看久了总是嫌太简陋,手机上的阅读体验也有点奇怪,想加一个侧边栏也困难

    1. 谢谢夸奖。我做这个主题的时候其实借鉴2016的更多。现在bug和不完善的地方还有很多。
      确实,因为要自己加一个侧边栏“不难”,但是要使得自己加的侧边栏和2019这个主题完美地结合在一起,可能就有一些难度了,要理解2019的代码。

  6. 文章页中的上一页下一页文章建议改为上一篇下一篇,且左右两边一边一个

    1. 好。那我修改成,电脑版是左右两边各一个,手机版依旧是上下?

      1. 手机版上下可以吧

        1. 但是突然想到一个问题。如果放左右的话,要是标题太长了就有点不美观了。

          1. 标题截断吧,标题太长的话超出部分用省略号代替

  7. 现在的屏幕是越来越大,宽屏直接适应屏幕会发现体验极差,眼睛不知道看哪,要不然就是中间会空一把部分。我现在是手机浏览的,但能想象那个界面。

    1. 感谢反馈。第一次制作主题,在制作的时候没有思考到这个问题(有些屏幕很宽)。在更新下一个版本的时候一定要把这个问题解决掉。

      1. 可以加个宽窄切换的按钮!

  8. 头像放左边会更舒服。

    1. 我会试一试的。话说你博客那个记住访客信息,是使用了插件吗?还是利用代码实现的?

      1. wp后台讨论那里,有一个cookies设置,点选下应该有用,如果没用的话,说明这功能只适用于官方主题,那你就得用别的方法了。

        1. 嗯 确实是有 现在开启了 谢谢

  9. 首先是太宽了。据说人眼看文字合适的宽度是1200px以内。
    其次,评论框三个输入项没对齐,逼死强迫症。
    第三,点头像出菜单不符合一般习惯,反正我是找了半天。第一反应头像是“关于”之类的。而且菜单在PC宽屏上表现也不友好——标题在最左边,三角在最右边。菜单里的三级标题表现不太对劲,也可能是你这里二级标题只有一项的原因(生活-高中往事-回忆录)。
    优点是配色很舒服。
    WP主题有专门的检查工具,来查看你的各种标签关没关之类。

    1. 评论框那个算bug了。之前没有出想过,估计是我后面修改CSS导致的。而自己通常都是已经登录了,所以没有发现。
      菜单那个我也知道电脑版的下拉按钮太右边的。但是因为我菜单是在“弹出面板”里面,弹出面板又是宽度100%的,所以也只能把按钮放在右边。
      我现在想这样解决,一种是电脑版的时候菜单放到顶部去,但是这样又感觉顶部会不会太“拥挤”了?还有一种是电脑版的时候,菜单只占弹出面板的50%,另外50%留给小工具栏,或者是“个人简介”。
      点头像弹出面板,这个我个人比较喜欢。不过如果不上传图片的话,弹出菜单的按钮就是正常的那种三条杠。
      感觉提醒。

    1. 谢谢

  10. 感觉你这个如果全宽对我的屏幕不友好,还是可以考虑弄一个限定宽度的选项。我屏幕分辨率宽是2560

    1. 嗯。之前都没有考虑到这个问题,感谢!

    2. 宽屏下设置成最大宽度1320px了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注