本站对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原始主题下载

赞 (4) 分享
声明:原创文章,欢迎转载,请以 超链接 的形式注明 作者标题原始出处查看许可协议
标题本站对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,这个,厉害了,能否邮件里简单介绍下是怎么搞的。

        1. 默认的也还可以,但是在IE下会有一点bug,而且只在最下面有,网页太高的话不太友好

          1. 非常感谢您的帮助。

  5. 你好,为什么我装了以后,订阅和搜索有不能用 报错呢

    1. 订阅,我是用的feedsky的,搜索应该没问题啊

      1. 真的不清楚呢,不过还是谢谢你哦,嘿嘿,以后有什么不懂的请教您哦,你的博客做的真好!

  6. 你好.能给个黑白的教材么?怎样自动转换和手动转换的.
    谢谢咯

    1. 主要是两个css文件,根据时间判断,不同时间加载不同的css文件。手动的就是利用js主动载入某个css文件

  7. ad ad

    自动转换很神奇啊
    同样期待有教程

    1. 这个没什么哦,就是判断一下时间嘛

  8. misaya misaya

    能具体说说@功能吗?

    1. 就一段JS代码,根据父子关系,动态添加的,没有输入的数据库。你在这个页面的源代码里面找吧

  9. 能分享一下吗?有点小问题,在黑夜模式下,边栏的H3标签有颜色错位的现象!
    me@mutou5.cn,thx

  10. 我也研究这个主题很长时间了,能给我一份研究一下么?谢谢!
    dotaida@qq.com。thx

    1. 已经发给你了

  11. 看起来好喜欢额。博主能把修改过的主题分享一下么?谢谢啊!

    1. 已经发到你的邮箱,请查收

      1. 多谢博主,我去参考下~

        另外问下,为什么主题的导航和侧边栏的英文全部自动大写的?应该修改哪个地方呢? [疑问]

        1. 这是由一个CSS控制的,我已经去掉了这个属性

  12. Evanchicken Evanchicken

    博主,非常喜欢你的主题,能不能分享下你修改的主题呢?谢谢你~

    1. 已经发到你的邮箱,请查收

      1. Evanchicken Evanchicken

        非常感谢~

  13. 博主,同求修改后的主题。。。非常感谢!

    1. 已经发到你的邮箱

  14. Ivan Ivan

    博主,我的博客也是使用这套主题,能共享你的主题吗?谢谢

    1. 已经发到你的邮箱

  15. 易智 易智

    博主,非常喜欢你这个主题,可以分享下吗。。。万分感谢!

    1. 已经发到你的邮箱

  16. 易智 易智

    请问安装主题后出现这个错误是什么问题呢? 'Views_Plugin' not found in D:\blog\usr\themes\white_p\index.php

    1. 你去我分享的《typecho的一些好用插件》中下载Views_Plugin插件,安装上

  17. 易智 易智

    找不到surver.php文件,可否提供一下,Warning: include(survey.php)

    1. 你直接把引入文件的删掉吧

  18. is is

    博主,非常喜欢你这个主题,可以分享下吗。。。万分感谢!

    1. 已经发到你的邮箱

  19. 博主,你好,我也是用的cho的主题,可以分享一下你修改后的主题吗?谢谢。 [微笑]

    1. 已经发到你的邮箱,请注意查收

  20. 博主,你这主题很赞,也发份给我吧,谢谢!

    1. 已经发到你的邮箱

添加新评论
选择表情
手机扫描二维码访问