跳至正文

念念不忘,终有回响:Suffusion主题修改记

第一次见到Suffusion主题不知道是在哪个朋友的博客(应该是大鹏),反正一眼看上去就喜欢上了,然后就立马更换成了Suffusion主题。这款主题,是我见过的功能最强大的免费主题,后台操作非常人性化,个性定制功能超强,排版布局也非常简洁、工整、明快。然而,好事多磨,我与它中间却经历了种种的不愉快,导致对它是既爱又恨:一边是喜欢这个主题的风格,另一边却又无奈着它的种种的大小毛病。于是,隔一段就要被迫换换别的主题,但是其它主题总不是那么完美,最终的最终又换回了这款主题。当时,Suffusion主题的大小毛病主要有这些:

——不能自适应网页。最初安装的时候就发现了这个问题,当时还不太熟悉后台复杂的操作,所以也就没有开启自适应功能。为了解决这个问题,我安装了几种自适应插件,比如Any Mobile Theme Switcher插件,但是由于和缓存插件的冲突,导致自适应问题无法完美解决。

——页面宽度无法调整。默认宽度好像只有960,显然有些窄。我就在后台调整设置,无效;代码调整,依然无效。

——首页导航栏的日期无法正常显示,看起来就像残缺了一块,导致美观度极度下降。

这些大小毛病,我一直找不到解决的办法,所以只好反反复复地让它“隐居”好几次了。前一段,实在是想再用这款主题,就想着看如何彻底解决这些问题。经过一番的琢磨,终于找到了问题的症结。解决办法如下:

——开启自带的屏幕自适应功能。进入后台设置,Layouts | Responsive layouts | Enable responsive layouts,要勾选之后才能启动自适应。主题自带有这个功能,只是自己没有发现而已,哎,误会误会……有时候,一些缓存插件会与自适应功能相冲突。比如,我现在所使用的WP Fastest Cache插件就需要这样设置:Mobile | Don’t show the cached version for desktop to mobile devices,勾选,表示不要为移动设备缓存。若使用了移动缓存的话,屏幕自适应就无法生效。

——排除插件冲突,调整页面宽度。后台,Layout | Default Sidebar Layout | Widths | Page Width Type | Fluid/Flexible width,勾选该项。然后,进入底下的选项:Fluid width settings | Maximum width,设置宽度(我的设置是1200)。调整不难,难的是让它生效。我把后台的插件挨个排查了一遍,发现七牛插件与之有冲突。然后再挨个排查,发现就是七牛插件的css缓存搞的鬼,果然把css缓存去除,然后就正常生效了。

——恢复首页导航日期栏。之前之所以不能正常显示,经排查同样是与七牛插件的js缓存相冲突。所以,提醒诸位,js缓存慎用……

——压缩页面。后台, Back end | site optimization | Minify generated CSS | 勾选Minify the CSS;底下另外一个选项Use “Lite” version of JQuery Cycle? | Use Lite version (4 KB) ,勾选。压缩页面还是非常有必要的,我现在的首页大小是114k,还算可以。

解决了以上毛病之后,这款主题在我眼中已经接近完美了。虽说折腾模板也是一种乐趣,但是时间却不允许,所以还是尽量少折腾为妙。几经折腾,终于还是回到了最初的心动啊,嗯,不错,很舒心^_^

《念念不忘,终有回响:Suffusion主题修改记》有21个想法

    1. 应该是。昨天想想,不是从你那里就是从方室网志那里。我记得还在那里留言了呢,然后昨天去你那里找了半天我的踪迹,也没发现。然后方室网志看到我的之后,也采用了一段时间。

      1. 哈哈,我使用过一段时间,现在直接用wp默认主题了,不折腾!
        ps:奇怪,我的手机可以访问你的博客,电脑却不可以,难道和我电脑上的DNS设置有关系…

        1. 偶尔宕机是正常的,但是如果是一直都打不开的话,我估计是你电脑设置可能有些问题,因为我的监控显示这两天都是正常的,没出现宕机情况。

    1. 还是你比较清楚“内幕”啊……
      其实,我使用过的主题不多,大概三四个,基本都是围绕这个suffusion主题,来回倒腾,解决suffusion的问题之后,最终回归这个主题。

发表回复

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