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...

评论 (11)
  1. avatar
    沙发
    share1223 2018-11-05 10:03

    这个很溜!!!

  2. avatar
    板凳
    网站建设服务 2018-11-05 12:21

    Typecho我没用过,感觉应该没有WordPress强大,公司网站就是用WP做的。。哈哈,自适应就行了,就不用这种模板了,还方便些,用户体验在PC和手机端一样。

  3. avatar
    地板
    RAKsmart VPS 2018-11-06 08:11

    朋友 交换链接吗

  4. avatar
    4 楼
    欧文斯 2018-11-12 21:20

    老铁 666,有时间搞搞 CDN

  5. avatar
    5 楼
    明天 2018-11-21 01:31

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

    • avatar
      回复
      Cyclists 2018-11-21 13:56
      @明天 承蒙厚爱,我这垃圾主题上不了台面的,谢谢啦。
  6. avatar
    6 楼
    欧文斯 2018-12-31 22:50

    手机主题非常不错,嘻嘻