WordPress之家

WP-Syntax 是一款使用人气很高的代码高亮显示插件，它支持130多种代码，几乎涵盖我们所有遇到过的。这个博客我建立后页立即安装了这款插件，但是有些问题，就是使用后侧边栏（Sidebar）错位了，我也不太确定是不是 WP-Syntax 惹的祸，就测试了一下，然关闭插件，刷新页面，显示正常，启动插件，显示错位，看来就是它的错了。

我想既然启动插件就出现问题，那么一定是插件的问题了，侧边栏下沉一般都是CSS活着图片过大造成的，插件里没有图片，就只剩下CSS文件了。我用Notepad++打开wp-content/plugins/wp-syntax/目录下的wp-syntax.css文件，代码比较少，直接搜索”width”，一次就搜索出来了，代码如下。

1
2
3
4
5
6
7
8
9
10
11

.wp_syntax {
 
  overflow-x: auto;
 
  overflow-y: hidden;
 
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
 
  width: 100%;
 
}

然后我把Width:后面的100%修改为95%，然后上传覆盖，刷新页面，正常了。

总结一下：
1、打开wp-content/plugins/wp-syntax/目录下的wp-syntax.css文件；

2、修改上面代码中的Width值，把100%修改为适合的宽度，比如95%、94%等等。

3、保存覆盖即可。