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

你可能还喜欢

关于“WordPress主题CP介绍以及建议征求”有57则评论

  1. 思考许久,还是想使用你这款主题。我在GitHub上下载了这款主题并在后台试用,发现几个值得注意的地方:
    1. 布局方式中,全宽和单栏的区别是是否加入了右侧的菜单栏,不是我想象中的单栏缩小宽度,不知是否我理解有误?
    2. 首页布局方式中,瀑布流选项特别好看。但是首页某篇文章若more标签前的文字多于一定字数,会出现一个小滚动条,不知这是否有意设计?
    3. 正文中的 引用 标签默认为文字居中模式,这显得有些奇怪,若是大量引用的文章,阅读起来会稍显不便
    以上。若不介意,我可以启用这个主题吗?

    1. 哈哈,其实应该是我说如果你不介意的话,就用这个主题吧。因为有些地方确实还不够完善,最近也没有时间去完善。
      1. 对,全宽和单栏的区别是右侧的侧边栏。
      2. 这个是有意设置的,设置了一个最大高度。你觉得怎么样?
      3. 这个我没注意到,有机会去修改一下。
      你也可以随便修改完善这个主题!

      1. 我激活你的主题之后,发现不能布局方式无法出现实时预览时的右侧菜单,即单栏和全宽布局是相同的。不知是否我设置出了问题?

          1. 经过我长时间的摸索,终于发现右侧菜单的设置放在了 小工具 – Footer’s right widget area。在该处可以随意调整右侧菜单的排列。
            不知道下一个版本什么时候更新?

            1. 对。这个是我设计的时候不大好,Footer’s right widget area太具迷惑性了,会以为是底部的工具栏(虽然说全宽的时候确实是在底部)。
              下一版大概等我四月份放假的时候开始作业吧。有什么bug请告诉我!我现在考虑的优先级是把bug先全部解决了,并且优化一下CSS。你觉得有什么非常重要的功能需要添加的话,也麻烦和我说一下。

  2. 有人沉迷于北上广的日夜交织,
    有人喜欢在小城里的安稳度日,
    有人流连于人烟稀少的乡野山村,
    有人生活在充满烟火气的弄堂小巷,
    而我喜欢沉浸在 http://www.tgz.com 糖果站 里,享受游戏的快乐。

        1. 我现在在西半球。你也很早啊。
          我现在博客使用的主题不是CP,CP有一些BUG,我现在也懒得去修复了,等什么时候修复了再换回自己的CP吧。
          CP现在使用在我自己的另外一个博客:https://blog.panchen.xyz。你觉得这个手机版的菜单如何?

          1. 原来如此。这样看来我个人还是比较倾向于. xyz的菜单样式~ 也许是你这个站点的菜单太多了,感觉有点“乱”0.0

            1. 我把这个主题的移动端菜单之样式进行了修改,现在会好一点吗?
              这个主题的作者是俄国人,好像喜欢菜单右边对齐。。

  3. 博主的网站还是很不错的,不过更新要有节奏。还有就是博主,我建议你,网站的界面可以适当修整一下,例如,块的边框可以去掉,这样整站看起来才不会花,才会大气。今天看了你一篇文章解决了一些问题,谢谢。

    1. 感谢您对小陈笔记(https://www.chensnotes.com)的支持!我会努力改进博客更新的节奏!
      这是我昨天看到了一块蛮不错的主题,就买了然后用上了(并非我自己开发的CP),确实需要做很多的本地化改进。我未来计划是把这个主题的优点与我自己的CP主题相结合,打造更完美、体验更好的WordPress主题。

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

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

      1. 许久未来,主题又更新了呀。
        现在的底色和字体颜色搭配有些奇怪,可能是还没看习惯;我认为最基本的白底黑字更能体现出这个主题的美。

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

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

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

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

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

发表评论

你的电子邮箱地址不会被公开。被标记*的是你必须填写的。