念念不忘，终有回响：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，还算可以。

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