Typecho PC 与 Mobile 端展示不同主题

Typecho 一直以来好看的主题确实少,也很少有人折腾,不管遇到什么问题或者想实现什么功能,只能先搜索一番相关资料,如果没有现成的,自己又得摸索...

如您所看到的那样,本站主题是基于官方默认主题二次深度开发的,修改了大部分 Typecho 主程序源码以及主题源码来实现某些功能和样式。

虽然默认主题自带移动端自适应了,但是手机端主题真的很不好看,什么都是居中显示,改了一些CSS样式还是不怎么样,也想过重新设计一个移动端的主题,但是太费时间了,花不起那个时间只能找找现成的其它主题...试过几个主题在手机端显示的效果之后决定使用老铁的主题: Armx Mod for Typecho

现在您可以同时用电脑和手机来访问我的网站,是不是展示的主题不一样?其实您也可以实现这些功能的!

方法:

实现Typecho PC 与 Mobile 端展示不同主题其实很简单,有现成的插件就不需要重新编写相关的调用函数,然后下载上述所提到的 Armx 主题并上传至主题目录(切记不要进入后台启动主题)

下载 SwitchTheme 插件,进入后台选择设备所展示的主题,然后用手机和电脑分别访问会出现不同的主题。

PC 预览:

20190928214103.png

Mobile 预览:

20190928214149.png

SwitchTheme 插件地址:SwitchTheme

注:Armx 手机端主题精简了部分功能(阅读体验),替换了原生评论并修改了样式(没启用主题造成的),修复没启用主题导致主题在手机端 CSS 样式错位,并修改了更多手机屏幕自适应效果。

此方法只适合 PC 端主题好看而手机端主题不好看的网站使用。

由于主题修改了很多源码,也入不了各位大佬的法眼,也怕麻烦,恕不能提供。

如果您实在喜欢这种简约风格的,我可以给你,但是你自己得会一些基本的 CSS HTML5 JS...


标签: switchtheme typecho插件, typecho根据设备自动切换主题

已有 11 条评论

  1. 欧文斯好友 欧文斯   Android 8.0.0 Android 8.0.0   Google Chrome  Google Chrome

    手机主题非常不错,嘻嘻

  2. 明天 明天   Windows 10 Windows 10   Firefox  Firefox

    好希望博主可以分享一下自己的主题。

    1. Cyclists站长 Cyclists   Windows 10 Windows 10   Google Chrome  Google Chrome

      承蒙厚爱,我这垃圾主题上不了台面的,谢谢啦。

  3. 欧文斯好友 欧文斯   Windows 10 Windows 10   Google Chrome  Google Chrome

    老铁 666,有时间搞搞 CDN

    1. Cyclists站长 Cyclists   Windows 10 Windows 10   Google Chrome  Google Chrome

      真没时间,也没什么HK小鸡

添加新评论