[WordPress 主题]博客自用改版 Dobby 主题(更新于:20190526)

注意!这个是我以前使用的主题,现在不是用的这个主题了,新主题为 Origami,相关的链接可以看网页最底下的版权信息。

博主原来说过,自己从 Vtrois 的 Kratos 主题换成了 Dobby 主题,就我自己来说,感觉还是挺好看的,不过有些地方难免会存在一些瑕疵或者不符合自己的要求。本来的话,我只是打算坐等更新修复之类的,因为怕自己改动之后再次更新主题的时候会比较麻烦,而且有些需求也不是必须的。但是,后来想了想,不如自己在 Gitlab 上 Clone 一份慢慢按照自己的需求来改,Vtrois 那边有更新我这边就同步一下,既方便又不耽误更新~另外也正好学习一下 Git 的有关用法~

改版 Dobby 主题介绍

一句话介绍:这是一个以 VtroisDobby 主题为基础,以 xb2016 的修改版 Kratos奶冰 的修改版 Kratos 为辅(对,没技术自己弄,只能四处看别人的代码改了……),并根据个人的需要在原主题上进行少量修改和添加新功能而产生的主题,改版主题力求在格式和代码上与原主题匹配,方便大家在原主题的基础上进行自我改版或迁移。

有一点必须要说明的:本人技术不精,对主题的更改主要是为了满足自己的需求,所以请不要期待技术性的问题能从我这边得到解决,我也是摸着石头过河慢慢测试搞定的,我能保证的只有已有的主题代码应用在我自己的博客上是完全没问题的。

改版 Dobby 主题功能及说明

基本上我对 Vtrois 的主题没有进行什么大的改动,主要是在一些细节上有所调整,比如:

  • 评论列表调整:父评论和子评论显示头像,去除段落间的多余空行
  • 评论表单调整:增加了网站这一项表单,并给表单加上了图标(网站表单的图标因为 Icon Font 的问题暂时用分享图标代替了)
  • 主页小调整:主页文章信息添加小图标
  • CSS 调整:主要是让移动设备也能正常显示标签,增加搜索按钮样式,并调整原回到顶部按钮的样式以配合增加的搜索按钮
  • 增加功能:网页右侧增加搜索按钮
  • 增加功能:主题设置增加自定义功能选项。主要用来存放本人在原主题基础上添加的功能,之所以要额外加这么一项是因为不想变动原主题的代码结构,会导致翻译文件要重新调整,而在最后加上自己的自定义功能这种方式,可以避免调整翻译文件代码的麻烦,适合我这种懒人。不过我的英语不好,希望有人能帮我纠正代码中的错误之处
  • 增加功能:主题设置中增加自定义标签页颜色选项。主要用在移动端浏览器上,会让浏览器的标签页背景色变成你设定的颜色,Android 端 Chrome 测试成功。本功能取材自奶冰的修改版 Kratos,我完整引用了他的代码。需要说明的是,原代码中似乎还单独适配了微软的 IE 浏览器,不过我没有测试过。
  • 增加功能:主题设置中增加了 DNS Prefetch List 的选项(作用请网上查找有关资料)。本功能同样取材自奶冰的 Kratos 改版,我去除了其中的强制开启该功能的选项。强制开启的作用是让浏览器在应对 HTTPS 网站时,也可以使用 DNS 预查询的功能(除非用户有设定,否则该功能在访问 HTTPS 网站时是关闭的),我觉得不妥,且在网页中加入了 DNS Prefetch 列表后似乎就能对其中的域名强制预查询了,没必要整个网站都强制开启(此处待验证,如有错误欢迎指正)。
  • 增加功能:主题设置中增加自定义 Gravatar 头像 CDN 的功能。原主题是将默认的 Gravatar 域名全部替换成了官方针对国内弄的 CN 域名,我将此处修改了一下,可以在主题设置中方便的自定义 CDN 域名而不用去修改代码,默认设置的是 V2ex 的 CDN,你也可以自己改别的,个人觉得是个很方便也很实用的功能(注:代码是替换式的,替换代码原则上可以写一个域名,也可以写多个域名用英文逗号隔开的。一个域名就是原来的 Gravatar 域名全部替换成这一个 CDN,如果在这里写多个 CDN 域名就是按照代码里的替换顺序一个一个替换成 CDN 的,默认需要替换 6 个也就是说要写 6 个 CDN 域名。如果替换的 CDN 域名不足 6 个,按顺序替换后留下的原域名不会替换。多域名替换是否支持还未验证)。
  • 更新翻译文件:因为加的新功能按照原主题代码的风格默认是写的英文描述,所以做好之后也把中文翻译弄好了,但是只翻译了简体中文部分,繁体中文因为怕自己表达不正确&懒,所以没弄还是原样的。_(:з)∠)_
  • 增加文章页标题样式:文章页原来的 H2 H3 标题什么的看起来效果不是特别好,我借用了下作者 Kratos 主题的有关样式,重新修改了下,让标题能更加显眼独立一些,目前只做了 H2-5 的。
  • 修改侧边栏评论链接为点击跳转到原评论出处:Dobby 原来的设置是点击侧边栏的评论只跳转到了文章,效果不好。我自己修改了一下,点击评论就可以跳到文章评论出处了,感觉好了很多。

目前的改动就只有这些了,其实看了就知道,没啥大的变动,但我觉得比原主题又漂亮了几分。虽然咱没啥技术,改得可能也不尽如人意,但好歹功能都是 OK 的,所以还是厚脸皮的想发出来安利大家一下~_(:з)∠)_

PS:再次声明这个改版参考了开头说的另两位改版 Kratos 主题作者的代码,其实真要说的话是一边复制粘贴,一边摸索修改,因为是很重要的事所以我再说了一遍。同时也希望更有能力的大家能一起完善下 Dobby 主题,因为真的不错啊~

改版 Dobby 主题演示

没~有~演~示~~具体样式什么的,看本博客就好啦!

改版 Dobby 主题代码存放&下载处

Gitlab 地址:https://gitlab.com/jeeyee/Dobby

PS:由于一些操作方面的问题,我自己的修改没有单独整合生成新版本,所以 Gitlab 里的版本压缩包大家不要下载,那个还是作者的旧版文件。要用我修改后的主题直接点进去之后自己打包下载就可以了。

开源协议什么遵照原版就好了,喜欢的话就给我点个赞留个言什么的吧。喵~

文章标题:[WordPress 主题]博客自用改版 Dobby 主题(更新于:20190526)
本文作者:希卡米
链接:https://hikami.moe/master/pem-webmaster/2474.html

如非文内特别说明,博客内作品均默认采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
知识共享许可协议

评论

  1. 4年前
    2020-3-07 20:10:07

    请问博主你的作者信息的侧边栏是怎么实现的呢?

    • 萌茶
      SilverLining
      4年前
      2020-3-07 22:03:02

      啊这个 Dobby 是我以前用的老主题没有这个功能的,新主题才有这个功能,我看了下你好像已经用上了2333

  2. 5年前
    2019-7-18 17:54:48

    想请教下网址的事,我们主题差不多,没找到联系方式所以留言了,希望能说下qq之类的,然后留言就不用公开了,我留了邮箱的,谢谢站长

  3. 5年前
    2019-6-03 19:42:41

    写的很好,支持一下

  4. 重现开始
    5年前
    2019-5-30 21:55:11

    不错,正想在手机页面上加个搜索功能,一搜就到这儿了 :mrgreen:

    • 12点半
      博主
      重现开始
      5年前
      2019-5-30 23:11:59

      你也是用的 Dobby 吗?

      • 重新开始
        12点半
        5年前
        2019-6-03 21:38:23

        是的呢 :biggrin:

        • 12点半
          博主
          重新开始
          5年前
          2019-6-03 23:26:29

          其实搜索功能是根据作者的 Kratos 主题相关代码弄过来的,我就改了改样式啥的。 :biggrin:

  5. 阴霾天空
    5年前
    2019-3-22 1:53:40

    正巧路过,不是很懂这是个什么。感觉不错,改天我也想有个这样的小网站。

    • 12点半
      博主
      阴霾天空
      5年前
      2019-3-22 22:59:58

      ~~一起加油!

  6. 5年前
    2019-2-23 15:12:39

    多谢楼主,已用主题。另稍微修改了一下,在关于界面加上备注了 :biggrin:

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇