Typecho PC 与 Mobile 端展示不同主题

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

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

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

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

方法:

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

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

PC 预览:

pc.png

Mobile 预览:

mo.png

SwitchTheme 插件地址:SwitchTheme

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

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

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

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


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

已有 4 条评论

  1. share1223 share1223   Windows 7 Windows 7   Google Chrome  Google Chrome

    这个很溜!!!

添加新评论