Kratos主题修改版

就是现在我在用的这个主题(作者Vtrois)啦~ 做的修改呢,应该算是比较多的了,也花了不少心思在里面( :yinxian: 这是一个没学过PHP, CSS, JS的萌新所做的挣扎…代码全靠复制粘贴…)

修改项

点击查看所有修改项
二次元风格
顶部Banner优化
添加博客小人spig,且可在主题设置中关闭(可在Kratos/js/spig.js中修改小人的提示内容
无图片的文章特色图片(新式布局)随机化(Kratos/images/thumb/下的20张图片)
置顶文章加上了文字和图标标记
在post-meta中加入作者信息
在分享按钮中添加分享到QQ空间选项
评论区评论嵌套样式修改(参考Ravenclaw主题样式)
添加评论框中”扑街”图片
更换表情面板为DIYgayOwO,支持更多表情
底部社交组件中添加EMAIL
底部添加建站时间统计
修改鼠标指针样式
添加复制站点内容时的弹窗提示
添加了登录/注册页面样式
添加友链模板
非Admin用户评论中可使用img标签
支持文章内容的+展开/-收缩
后台编辑器功能增强
表情/图片样式的调整
后台用户页面显示用户最近一次登录IP
添加雪花效果,添加更多设置项目(可在主题设置中找到)
文章右下角添加最后修改时间(PC页面)
重写打赏功能,将打赏页改为弹窗(参考Ravenclaw主题样式)
不再强制文章中图片width:100%显示,可调整图片显示大小
菜单栏样式修改
去掉部分功能与代码
右下角添加搜索,去除搜索小工具
手机页面的优化-良好阅读体验
支持站点显示图片背景(PC)
管理员登录站点后一些地方的调整
集成回复可见功能
登陆注册页的背景可在设置直接更改了
集成用户注册可用的邮箱域名限制功能
主页/文章页/单独页面可分别设置侧边栏位置(左/右/NONE)
重构PC页顶部菜单,不再借助superfish实现
侧边栏-最近评论小工具优化
评论回复通知邮件中的表情符号:xxx:将会转义为表情图片
侧边栏-个人简介小工具优化
用户可上传本地头像,不依赖Gravatar
集成登录限制功能
可设置直接输入密码注册,无需邮件链接激活
添加文章归档模板
修复WordPress中文标签错误(多出现在Windows主机)
美化用户注册提示邮件,密码重置邮件(同时修复WP密码重置错误问题)
Nav Bar 支持半透明

最后编辑于2018.02.19
已知spig不兼容EDGE浏览器
寒假期间更新可能会非常频繁,有兴趣的可以多关注下。。。总体目标已达成,接下来以微调为主。
另外,升级只需要删除旧的主题文件重新上传新的就行,然后去保存一次主题设置。

帮助文档

1. 基本设置
启用主题后会自动转向主题设置页面,按照说明设置即可。
注意:
1.若文章布局为新式布局(左图右字),图片显示优先级为:文章编辑页面设置的特色图片>文章中的第一张图片>主题设置中指定的图片。其中,若主题设置中不指定特色图片,则将随机使用Kratos/images/thumb/下20张图片中的一张。
若文章布局设置为上图下字,默认不显示图片,若需要显示,请在文章编辑页面手动设置特色图片。
2.SEO设置中的站点统计代码请不要包括script标签。
3.为保证移动端的评论显示正常,个人建议评论嵌套层数不要大于5。
2. 侧边栏小工具
这个没什么好说的吧… :huaji16:
3. 顶部菜单设置
1.选择 “外观” – “菜单” ,创建并设置好菜单。
注意:二级菜单只需将菜单往右拖一个位置即可。

2.在顶部菜单中选择刚才创建的菜单。

注意:
1.如果觉得显示的菜单项目挨的太紧了,怎么办?敲空格啊!
2.想在菜单项字前面显示图标怎么办?用啥子插件,看下面:

那个fa fa-怎么来的?百度一波font awesome就知道了。
4. OwO表情
表情一多,加载速度就emmm…
这里提供一下表情的修改方法:
1.图片位置:Kratos/images/smilies,其中非png格式的表情(特指gif)请截图一张同名的png放进去,jpg格式直接转png就行。
2.图片命名:可由字母数字构成,与短代码命名相同,如 :yinxian: 的短代码为:yinxian:,则文件名应为yinxian.png。
3.短代码与图片的转义:编辑Kratos/inc/post.php中的//Comments face部分即可。
4.表情面板中引入表情:编辑Kratos/inc/OwO.json即可。
具体怎么改别问我,依样画葫芦就行。
5. 友链模板
1.新建一个页面,在右边模板一栏中选择“友情链接模板”,然后发布。

2.在后台“链接”菜单中添加友链即可。

注意:
1.用模板创建的页面中是可以写东西的,它会出现在链接列表的下面,可以写写友链申请要求什么的。
2.在添加链接菜单中,模板调用到的部分有四个,分别是名称、Web地址、图像描述、图像地址,其余可不动。
6. 文章归档模板
参考上一条的 1 ,不过这个模板不会显示任何你书写的内容。
效果预览:https://www.fczbl.vip/archives.html
注意:
Tags会随机显示25个,要改的话自己去page-archives.php修改,别问我怎么改!
*. 其它
1.请不要使用带CSS/JS合并压缩功能的插件,本主题的CSS和JS我都尽可能压过了,再次压缩没什么意义,还有可能翻车。
2.关于网易云和一些视频站的短代码,请不要尝试引用有防盗链和版权保护的内容。
3.CSS样式都是按照我的个人喜好进行修改的,所以如果有些地方不喜欢,可能需要自己动手。
4.此修改版主题(先检查是不是最新)若是有bug或者有建议可以去gayhub提交。
:huaji2: 在这里,我衷心感谢各位支持者。 :huaji:

编辑器与shortcode

可视化编辑器:

文本编辑器:

下面是短代码的一些演示效果:
注意:短代码之间无法嵌套使用

内容标题

展开/收缩
测试内容
抱歉,只有登录并在本文发表评论才能阅读隐藏内容

键盘文本 内容标记

本地下载 云盘下载

绿色背景栏

标题内容

红色面板

插件推荐

Crayon Syntax Highlighter——代码高亮插件
Poi Player——一个音乐播放器插件
TinyMCE Advanced——可视化编辑器功能增强插件
WP Statistics——站点统计插件
WP-DBManager——数据库备份/管理插件
WP-Optimize——数据库清理优化插件
WP-UserAgent——显示用户评论时所使用的操作系统与浏览器

鸣谢

感谢以下开源项目的作者/维护者以及所有支持我/帮助我的dalao
Kratos
Bootstrap
Font Awesome
OwO
easy2hide
Simple Local Avatars
User Domain Whitelist
Limit Login Attempts

下载地址

https://github.com/xb2016/Kratos

Star Fork :huaji22: 求star啊!

点赞
  1. Yuuki说道:
    Google Chrome Google Chrome Windows Windows

    复制信息为啥有弹窗呢。。。emmmm怎么删除呢 :han:

    1. 小白-白说道:
      Google Chrome Google Chrome Android Android

      kratos.js里面 倒数7.8行左右

      1. Yuuki说道:
        Google Chrome Google Chrome Windows Windows

        :taikaixin: 谢谢大佬

  2. 柠檬酸说道:
    Google Chrome Google Chrome Windows Windows

    播放器挂了~~ (ฅ´ω`ฅ)

    1. 小白-白说道:
      Google Chrome Google Chrome Android Android

      估计又是API的锅...

  3. Prprlolis说道:
    Google Chrome Google Chrome Windows Windows

    主题好漂亮

    1. 小白-白说道:
      Firefox Firefox Windows Windows

      谢谢!

  4. mokeyjay说道:
    Google Chrome Google Chrome Windows Windows

    死国矣

    1. 小白-白说道:
      Firefox Firefox Windows Windows

      哇 大佬来了

  5. xinxin说道:
    Google Chrome Google Chrome Windows Windows

    感谢更新,不过我倒不需要太多表情。。所以每次都要把你的表情删掉=。=

    1. 小白-白说道:
      Firefox Firefox Windows Windows

      emmm...

      1. xinxin说道:
        Google Chrome Google Chrome Windows Windows

        嘻,加了网站连接。

  6. yushu说道:
    Google Chrome Google Chrome Windows Windows

    大佬,首页图片轮播,多张图片时候,点击左右滑动时,会自动向下滑动一下,请问怎么修复? :lei:

    1. 小白-白说道:
      Firefox Firefox Windows Windows

      请保证所有轮播图的长宽比一致。

      1. yushu说道:
        Google Chrome Google Chrome Windows Windows

        全部是1920 800 的……

        1. 小白-白说道:
          Firefox Firefox Windows Windows

          站点地址发一下

        2. 小白-白说道:
          Firefox Firefox Windows Windows

          尝试禁用table-of-contents-plus插件

        3. yushu说道:
          Google Chrome Google Chrome Windows Windows

          谢谢大佬 解决了 :tushe:

        4. 小白-白说道:
          Firefox Firefox Windows Windows

          轮播的样式上面稍微有点问题 刚刚已更新了Kratos.min.css。

        5. yushu说道:
          Google Chrome Google Chrome Windows Windows

          好的,另外问一下,主题自带的smtp跟插件wp mail smtp 功能是不是完全一样?如果启用主题自带的,是不是就可以删插件了?

        6. 小白-白说道:
          Firefox Firefox Windows Windows

          是的

        7. yushu说道:
          Google Chrome Google Chrome Windows Windows

          大佬,似乎主题与wp super cache插件冲突,测试缓存出错:
          正在抓取 http://shadoworld.win/ 的初始缓存:失败

          Errors: : cURL error 60: SSL certificate problem: unable to get local issuer certificate
          抓取 http://shadoworld.win/ 的第一份缓存拷贝:失败

          Errors: : cURL error 60: SSL certificate problem: unable to get local issuer certificate
          抓取 http://shadoworld.win/ 的第二份缓存拷贝:失败

          Errors: : cURL error 60: SSL certificate problem: unable to get local issuer certificate
          页面不相符!时间戳有差异或者不存在!

        8. 小白-白说道:
          Firefox Firefox Windows Windows

          我能给出的结论是不冲突 此问题需要你自己找方法解决

        9. yushu说道:
          Google Chrome Google Chrome Windows Windows

          是cdn问题,关了就好了……另外注册页面如果让用户自定义密码的话,下方的注册按钮就会超出屏幕,加个滚动好像好点

        10. 小白-白说道:
          Firefox Firefox Windows Windows

          已修复

        11. yushu说道:
          Google Chrome Google Chrome Windows Windows

          dalao神速~不过似乎无法调取bing美图api……

        12. 小白-白说道:
          Firefox Firefox Windows Windows

          无法调取肯定是假的... 我这里的都正常啊

        13. yushu说道:
          Google Chrome Google Chrome Windows Windows

          昨天今天都是同一张图片啊~没有更新

        14. 小白-白说道:
          Firefox Firefox Windows Windows

          要不自己访问bing.com看看?

  7. 1212说道:
    Google Chrome Google Chrome Windows Windows

    很喜欢这主题。谢谢大佬

  8. 隔壁小蒋说道:
    Opera Opera Android Android

    其实你就是大佬,改的这么好 :zhenbang:

    1. 小白-白说道:
      Firefox Firefox Windows Windows

      :huaji8: 瞎Jb抄代码

      1. 隔壁小蒋说道:
        Opera Opera Android Android

        QQ里内置的浏览器是opera的? :yi:

        1. 小白-白说道:
          Firefox Firefox Windows Windows

          :yinxian: 不知道 反正我不承认那叫浏览器...

发表评论

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