WordPress 的安装就不用怎么多说了。下载、解压、移动到你想要的目录,修改 owner,建数据库,安装就是的。
我主要讲一下插件的问题,我装的是CK and SyntaxHighlighter这个插件,它综合了 CKEditor、CKFinder 以及 SyntaxHighlighter 三个软件,能够提供可视化编辑器、文件管理以及语法高亮。这个插件还是很不错的,至少很对我的胃口,然而这几个插件本身有着一些不足之处,所以得对它们进行一些修改。
1.SyntaxHighlighter 的右上角的问号
修改之前 VS 修改之后
由于这个插件里的 SyntaxHighlighter 用的是 3.x 版本的,右上角会有一个问号出现,可以通过修改 css 文件让它不显示。
首先打开/wp-content/plugins/ck-and-syntaxhighlighter/syntaxhighlighter/styles/shCoreCk.css 找到
1
2
3
4
5
6
7
8
9
|
.syntaxhighlighter .toolbar {
position: absolute !important;
right: 1px !important;
top: 1px !important;
width: 11px !important;
height: 11px !important;
font–size: 10px !important;
z–index: 10 !important;
}
|
添加一个 display:none; 修改成
1
2
3
4
5
6
7
8
9
10
|
.syntaxhighlighter .toolbar {
position: absolute !important;
right: 1px !important;
top: 1px !important;
width: 11px !important;
height: 11px !important;
font–size: 10px !important;
z–index: 10 !important;
display:none:
}
|
2.SyntaxHighlighter 代码框右侧滚动条
如上面所示,这个滚动条出现的很难看,同样修改 shCoreCk.css 文件,在第 54 行添加代码
1
2
3
|
.syntaxhighlighter table {
margin: 1px 0 !important;
}
|
3.SyntaxHighlighter 的自动换行

SyntaxHighlighter 3.x 版本貌似不会自动换行,同样可以通过修改 shCoreCk.css 文件让其自动换行
1
2
3
|
.syntaxhighlighter .line {
white–space: pre !important;
}
|
修改成
1
2
3
4
5
6
7
8
|
.syntaxhighlighter .line {
/*white-space: pre !important;*/
white–space: pre–wrap;
white–space: –moz–pre–wrap;
white–space: –pre–wrap;
white–space: –o–pre–wrap;
word–wrap: break–word;
}
|
不过这样还是有问题的,它把折下去的行也算入行号内了,所以到后面,行号会缺少。

这个在 SyntaxHighlighter 2.x 版本没有出现,但是 2.x 版本的复制会把行号也复制进去。
4.CKFinder 的权限设置
CKFinder 的后台首页是个 html 文件,可以直接访问,并创建文件夹、上传文件,危害甚大,所以必须处理。我的解决方案是在/wp-content/plugins/ck-and-syntaxhighlighter/ckfinder/config.php 文件里面添加 WordPress 的 wp-admin/admin.php 的引用,这样一来,就只有能登陆后台的用户使用这个功能了。
1
|
include( dirname(str_replace(”, ‘/’, __FILE__)) . ‘/../../../../wp-admin/admin.php’ );
|
5.CKFinder 的文件路径设置
由于这个插件返回的文件路径使用的是相对路径,导致在后台编辑的时候不能显示的上传的文件,同样修改一下 config.php 即可,但是文件路径返回的是使用时的域名路径,所以如果修改了域名的话,估计都得修改了。
1
|
$baseUrl = ‘http://’ . $_SERVER[“HTTP_HOST”] . ‘/wp-content/uploads/ckfinder/’;
|
暂时就改了这么多,当然主题也改了一下,折腾了很久,最终由于 PhotoShop 水平有限,只是正式修改了一小部分,暂时就先这样吧,用空了再继续折腾。
不错 有参考价值
写的我很纠结,排版排了很多遍,现在感觉还可以。
@Jilljenny, 这个有邮件提示没?
博主,你好,我按照你的做法,把代码加进去了,但是还是不行,怎么办?求帮忙