本站对White_p主题的修改

为了个人定制的需要,对主题的一些代码进行了修改。采用模板自治,使用属性覆盖,降低耦合度,最大程度不改变原始主题的代码。感谢cho同学提供的White_p主题。

White_p和Black_p主题 - Typecho

主要做的修改有:

  1. 黑白两色主题合二为一:根据北京时间,自动加载相应的css文件。这里原始黑白主题的布局有所不同,同时黑色主题存在较多的bug,所以放弃使用cho提供的黑色主题。从而直接在白色主题上,修改css文件,对配色进行修改。实际上,这里并没有用两个主题,而是只有白色主题,但是加载了两个css文件。

传送门:在链接后面加上style=day可以直接进入白天模式,加上style=night可以直接进入黑夜模式,注意加?号。如
http://www.yovisun.com?style=night

  1. 修改右边栏:默认的右边栏信息较为简略,这里添加了“友情链接”、“热门文章”、“随机文章”、“热门标签”、“文章归档”等项目,同时根据当前所在的页面,有选择的进行输出。
    另外,由于右边栏信息的丰富,可能一屏无法完全显示,所以去除了右边栏的悬浮效果。

  2. 文章尾部内容:在每一篇文章的尾部添加版权信息、SNS分享按钮、标签、分类、上一篇、下一篇等信息。

  3. 返回顶部:淡入淡出,弹性滑动的返回顶部按钮。当页面向下滑动时,右下角渐隐出现返回顶部的按钮。

  4. 修改评论:添加Ctrl+Enter快捷回复,同时添加必填、选填的提示信息。评论盖楼样式的修改。评论增加@功能。

  5. meta标签:主题的meta标签的位置不是很合理,修改了meta标签的位置。

  6. 分页导航:原始的为10页,当所在页面靠近中间的时候,前后会各延伸十页,会使样式变形,经测试5页较为合适。

  7. 管理功能:在前台浏览文章时,为了便于直接管理,避免还要进后台界面,这里在typecho文章页面添加管理员文章编辑和评论编辑等按钮。(当然,只有管理员才可以看到)

  8. 搜索优化:搜索页面对搜索字高亮处理果,同时在搜索页面添加使用google的api进行异步搜索,直接输入google的搜索结果。(经测试,目前该功能在IE系列浏览器下存在bug)

  9. 其它功能以及样式上的修改,不再赘述......

white_p_black_p原始主题下载

赞 (5) 分享
声明:原创文章,欢迎转载,请以 超链接 的形式注明 作者标题原始出处查看许可协议
标题本站对White_p主题的修改 | 作者:YoviSun
地址http://www.yovisun.com/archive/my-typecho-theme-white.html
相关文章:
已有 108 条评论
  1. 沙发~~~撒花。

    1. 呵呵,你算是这里的开国元勋了~ [疑问]

  2. 搜索页和我的差不多也。。

    1. 嘿嘿,我当时不就是把你的搬过来的嘛!记得我还问你在IE下有bug来着!

      1. 有印象了,呵呵。
        应该是JS的问题,因为少用IE,所以没怎么去看。

  3. 白龙君 白龙君

    加入主题版权不加入typecho版权表示很蛋疼

    1. 额, 不好意思,这个是原始的主题本来没有加,刚开始也有点纠结。马上加,多谢提醒哦。

  4. 对第四条感兴趣,还麻烦告知下怎么搞的。

    1. 算了,已经搞定,但发现JS代码有40K,果断放弃。

    2. 额,我这个好像1K都不到。。

      1. 我还是用默认的top按钮吧,虽然基本没人能注意到。

        根据时间加载不同的CSS,这个,厉害了,能否邮件里简单介绍下是怎么搞的。