园子博客 » Wordpress插件 http://www.yzznl.cn 快乐 互助 分享 一直在努力（yzznl）！ Wed, 08 Feb 2012 03:46:07 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 WordPress 反垃圾评论插件：Some Chinese Please http://www.yzznl.cn/archives/some-chinese-please.html http://www.yzznl.cn/archives/some-chinese-please.html#comments Thu, 23 Dec 2010 05:04:24 +0000 园子 http://www.yzznl.cn/?p=42910 SCP Setting”中即可看到如下图的设置界面，根据需要设置即可。 Some Chinese Please 插件下载 软件下载（5.44K） WordPress 官方网站下载 | 115网盘 | 来自园子博客 扩展阅读修改文章时出现 Cannot modify header information 的解决方案 (45)今天在使用 wordpress 修改以前发布过的文章时，在点击“更新”按钮的时候出现了错误提...WP [...]
您可能也喜欢：

WordPress 不用插件防垃圾评论
WordPress 3.0 发布
WordPress 评论者链接实现重定向跳转的方法
wordpress的一些快捷键
使用 WordPress 定时发布文章
无觅
]]> 只要写过博客的对垃圾评论都不陌生，每天都会在评论中发现不少。今天园子推荐的这款反垃圾评论插件 Some Chinese Please，是专门为中文写作的朋友准备的一款防御 spam 插件。

之所以推荐这款插件，是因为之前一直在用的 Akismet 很不给力，Akismet 升级后无法连接到服务器，好像是网站服务器被关在墙外了，防垃圾评论的功能也就没有啥作用了。

Some Chinese Please 插件简介

插件名称为：Some Chinese Please，顾名思义，也就是说在发表评论的时候必须在评论中输入一些中文才可以提交。对于国内的博主来说，一般情况下访问者都是国内用户，所以使用了这个插件后就可以完全屏蔽所有的英文垃圾评论。

这个插件的原理就是在留言被保存到数据库之前，检查留言内容是否含有中文字。如果含有中文字，则顺利保存到数据库中；如果不含有中文字，则不保存到数据库中，并返回留言失败的原因。

Some Chinese Please 优点与缺点

优点就是在留言的时候不需要像很多博客那样输入验证码，系统会自动判断评论中有无中文字符而自动处理。

缺点就是可能会拦截一些非中文访客的留言。不过来看一篇纯中文的文字，一般情况下都会用中文留言的吧。

Some Chinese Please 使用方法

1.在本页面下方下载最新版本的插件，安装到后台并激活。

2.在 WordPress 后台的“设置 -> SCP Setting”中即可看到如下图的设置界面，根据需要设置即可。

Some Chinese Please 插件的设置界面

Some Chinese Please 插件的设置界面

Some Chinese Please 插件下载

软件下载（5.44K） WordPress 官方网站下载 | 115网盘 | 来自园子博客

扩展阅读

您可能也喜欢：

WordPress 不用插件防垃圾评论
WordPress 3.0 发布
WordPress 评论者链接实现重定向跳转的方法
wordpress的一些快捷键
使用 WordPress 定时发布文章
无觅
]]> http://www.yzznl.cn/archives/some-chinese-please.html/feed 60 修改文章时出现 Cannot modify header information 的解决方案 http://www.yzznl.cn/archives/edit-post-error.html http://www.yzznl.cn/archives/edit-post-error.html#comments Fri, 17 Dec 2010 00:00:28 +0000 园子 http://www.yzznl.cn/?p=42907 您可能也喜欢：
如何修改 Word 文档的作者
卡巴提示：流量监控连接被中止的解决方案
表单元素与文字对不齐的解决方案
如何访问时光网？Mtime 时光网打不开的解决方案
Google网站管理员提示：重复的标题标记的解决方案 无觅 ]]> 今天在使用 wordpress 修改以前发布过的文章时，在点击“更新”按钮的时候出现了错误提示，具体提示信息如下：

Warning: fsockopen() [function.fsockopen]: unable to connect to translate.google.com:80 (Connection timed out) in /yzznl.cn/wp-includes/class-snoopy.php on line 1148

Warning: Cannot modify header information – headers already sent by (output started at /yzznl.cn/wp-includes/class-snoopy.php:1148) in /yzznl.cn/wp-includes/pluggable.php on line 890

从上面的错误提示可以看出问题应该是出在和 Google 翻译有关的功能上，仔细想想整个网站所用到和翻译有关的地方只有一个 wp slug translate 插件，这个插件主要功能是通过将 title 用google translate 翻译成英语或者拼音，所以断定所出现的错误应该和这个插件有关。

修改文章时出现 Cannot modify header information 的解决方案

我所用的解决方案是立即停用了 wp slug translate 插件，再次更新文章时发现已经正常。

随后又启用了此插件，发现也没再出现过问题。很奇怪，可能是 Google 的翻译服务就在那段时间出现了问题吗？不管怎样，问题解决了就好，如果你也遇到了这样的问题，希望本文可以帮助到你。

扩展阅读

您可能也喜欢：

如何修改 Word 文档的作者
卡巴提示：流量监控连接被中止的解决方案
表单元素与文字对不齐的解决方案
如何访问时光网？Mtime 时光网打不开的解决方案
Google网站管理员提示：重复的标题标记的解决方案
无觅
]]> http://www.yzznl.cn/archives/edit-post-error.html/feed 45 WP Ajax Edit Comments 中文版下载 http://www.yzznl.cn/archives/wp-ajax-edit-comments.html http://www.yzznl.cn/archives/wp-ajax-edit-comments.html#comments Wed, 15 Dec 2010 05:15:55 +0000 园子 http://www.yzznl.cn/?p=42901 Ajax Edit Comments”即可看到插件的设置界面。这时候访问前台页面已经可以看到评论增强后的效果了。 WP Ajax Edit Comments 中文版下载 插件下载（268KB） 115网盘 | 来自园子博客 扩展阅读Wordpress 反垃圾评论插件：Some Chinese Please (60)只要写过博客的对垃圾评论都不陌生，每天都会在评论中发现不少。今天园子推荐的这款反垃圾评论插件...修改文章时出现 Cannot modify header information 的解决方案 (45)今天在使用 WordPress 修改以前发布过的文章时，在点击“更新”按钮的时候出现了错误提...Akismet 升级后无法连接到服务器，所有评论都需要审核 (60)昨天把 Akismet 插件升级到了最新版本2.5.0，升级后发现提示：下面的 key 先前...WordPress [...]
您可能也喜欢：

WP Ajax Edit Comments – 让用户可以重新编辑已经发表的评论
WP-Syntax 代码高亮在IE中显示不正常的解决方案
WP-EasyArchives 插件使用方法
自动去除 WordPress 评论中的链接
WordPress 3.2 中文版发布，后台界面有较大改进
无觅
]]> WP Ajax Edit Comments 是一款评论增强插件，当用户在你网站上发表评论后可以设置在一定时间内进行再编辑。另外，管理员也可以直接用来在前台或后台管理评论，功能非常强大。

其实这款插件园子曾经在以前的文章中介绍过，那篇文章主要分享让用户可以重新编辑已经发表的评论。今天园子查看时发现在 wordpress 官方网站上已经找不到该插件的下载地址了，于是翻了下很早以前的备份文件，把插件提取了出来供大家下载使用。

今天重新试用了 WP Ajax Edit Comments，发现了一些以前没有在意的功能。尤其是漂亮的 Ajax 效果特别不错。来看下安装后的评论管理增强效果：

安装 WP Ajax Edit Comments 插件后的评论增强效果

安装 WP Ajax Edit Comments 插件后的评论增强效果

编辑评论时的 Ajax 效果

编辑评论时的 Ajax 效果

在后台管理中也有很多丰富的选项，专门针对全局、匿名用户、已注册用户、倒计时等模块的设置，非常不错。

WP Ajax Edit Comments 使用方法

1.在本文下方下载插件，安装后激活。

2.进入“设置 -> Ajax Edit Comments”即可看到插件的设置界面。这时候访问前台页面已经可以看到评论增强后的效果了。

WP Ajax Edit Comments 中文版下载

插件下载（268KB） 115网盘 | 来自园子博客

扩展阅读

您可能也喜欢：

WP Ajax Edit Comments – 让用户可以重新编辑已经发表的评论
WP-Syntax 代码高亮在IE中显示不正常的解决方案
WP-EasyArchives 插件使用方法
自动去除 WordPress 评论中的链接
WordPress 3.2 中文版发布，后台界面有较大改进
无觅
]]> http://www.yzznl.cn/archives/wp-ajax-edit-comments.html/feed 49 Akismet 升级后无法连接到服务器，所有评论都需要审核 http://www.yzznl.cn/archives/akismet-error.html http://www.yzznl.cn/archives/akismet-error.html#comments Thu, 09 Dec 2010 04:10:06 +0000 园子 http://www.yzznl.cn/?p=42899 您可能也喜欢：
升级到 Firefox 5
升级到 WordPress 3.3
博客中出现最新式的垃圾评论，如何减少垃圾评论？
腾讯与360战争继续升级
最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法 无觅 ]]> 昨天把 Akismet 插件升级到了最新版本2.5.0，升级后发现提示：下面的 key 先前被验证过，不过无法连接到 Akismet 服务器。插件出现这个问题直接导致的后果是，博客中所有的评论都需要手工通过审核才会显示在页面上，就连自己给网友的回复也在审核之列。

折腾了半天也没有搞明白是什么原因，最终园子的解决方法是，删除了最新版本的 Akismet 2.5.0，重新安装了2.4.0版本。然后激活插件后一切正常。

用老版本插件可以看到 Key 有效的提示，新版本中的错误提示信息为：下面的 key 先前被验证过，不过无法连接到 Akismet 服务器。请检查您的服务器配置。

这是 Akismet 插件升级后和升级前的信息提示截图对比：

Akismet 插件升级后和升级前的信息提示截图对比

Akismet 插件升级后和升级前的信息提示截图对比

用回老插件后测试了下博客上的评论，发现已经不再需要审核了。这个很纠结的问题，不知道朋友们有没有遇到。如果大家有更好的解决方案，欢迎留言给我。

Akismet 2.4.0版本下载链接

扩展阅读

您可能也喜欢：

升级到 Firefox 5
升级到 WordPress 3.3
博客中出现最新式的垃圾评论，如何减少垃圾评论？
腾讯与360战争继续升级
最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法
无觅
]]> http://www.yzznl.cn/archives/akismet-error.html/feed 60 WordPress 3.0.3 发布 http://www.yzznl.cn/archives/wordpress-3-0-3-released.html http://www.yzznl.cn/archives/wordpress-3-0-3-released.html#comments Thu, 09 Dec 2010 02:19:11 +0000 园子 http://www.yzznl.cn/?p=42898 撰写 –> 远程发布”里面启用远程发布。启用该功能后可以通过手机或者电脑的客户端软件来进行文章发布、编辑等操作。 目前，官方只推出了英文版本，你可以在后台自动升级。或者点击这里下载 WordPress 3.0.3 英文版本。 更新于2010.12.10，3.0.3 中文版本已经出来了，点击这里下载 WordPress 3.0.3 中文版本 园子友情提醒，请升级前进行数据备份，这里有最安全的 WordPress 数据备份教程。 扩展阅读Wordpress 反垃圾评论插件：Some Chinese Please (60)只要写过博客的对垃圾评论都不陌生，每天都会在评论中发现不少。今天园子推荐的这款反垃圾评论插件...修改文章时出现 Cannot modify header information 的解决方案 (45)今天在使用 WordPress 修改以前发布过的文章时，在点击“更新”按钮的时候出现了错误提...WP Ajax Edit Comments 中文版下载 (49)WP Ajax Edit Comments 是一款评论增强插件，当用户在你网站上发表评论后可...Akismet [...]
您可能也喜欢：

WordPress 3.0 发布
WordPress 3.0.1 发布
WordPress 3.0.1 官方简体中文正式版发布
升级到 WordPress 3.3
升级到 WordPress 3.1.3
无觅
]]> 据 wordpress 官方最新消息，北京时间12月9日发布了 WordPress 3.0.3，该版本主要修正了一个远程发布错误。

这个版本也是 WordPress 3.0 系列第三个版本，据 WordPress 官方解释，这个远程发布错误指的是在某些情况下，会允许作者、贡献者一级的用户错误地进行编辑、发布或者删除文章。当然，这个问题只影响到启用了远程发布 WordPress 的网站。

WordPress 远程发布介绍

WordPress 在默认情况下远程发布是关闭的，你可以在后台的“设置 –> 撰写 –> 远程发布”里面启用远程发布。启用该功能后可以通过手机或者电脑的客户端软件来进行文章发布、编辑等操作。

目前，官方只推出了英文版本，你可以在后台自动升级。或者点击这里下载 WordPress 3.0.3 英文版本。

更新于2010.12.10，3.0.3 中文版本已经出来了，点击这里下载 WordPress 3.0.3 中文版本

园子友情提醒，请升级前进行数据备份，这里有最安全的 WordPress 数据备份教程。

扩展阅读

您可能也喜欢：

WordPress 3.0 发布
WordPress 3.0.1 发布
WordPress 3.0.1 官方简体中文正式版发布
升级到 WordPress 3.3
升级到 WordPress 3.1.3
无觅
]]> http://www.yzznl.cn/archives/wordpress-3-0-3-released.html/feed 19 最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法 http://www.yzznl.cn/archives/wp-recentcomments-upgrade-head-wrap.html http://www.yzznl.cn/archives/wp-recentcomments-upgrade-head-wrap.html#comments Sat, 09 Oct 2010 03:41:19 +0000 园子 http://www.yzznl.cn/?p=42811 最新评论选项中无论设置头像左浮动还是右浮动均无法正常浮动显示。 3.后台选项中勾选“当鼠标滑过评论摘要时显示展开按钮”时，鼠标经过时小箭头图标不显示。 4.部分网站在升级插件后会一直出现“正在加载”的文字，网友评论加载不出来。 下面是插件升级前和升级后的显示效果对比： WP-RecentComments 最新评论显示不正常的解决方法 综上所述，以上提到的前三个问题应该是没有调用到插件样式表的问题。以下是园子提供的解决方案： 1.复制插件目录下 /plugins/wp-recentcomments/css/wp-recentcomments.css 中的所有代码，将它添加到你使用主题的 style.css 文件中。 2.修改样式中调用图片的部分，原来的代码为： 1 .rc-item .rc-collapse,.rc-item .rc-expand{background:url(../img/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer} 修改为： 1 .rc-item .rc-collapse,.rc-item .rc-expand{background:url(images/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer} 请注意：如果你主题的图片文件夹名称为img的话，请自行修改图片路径。 3.把插件目录中的图片 /plugins/wp-recentcomments/img/icons.png 放到的主题的图片目录下。 4.在 wordpress 后台的最新评论设置选项中取消勾选“使用 wp-recentcomments.css”选项，因为在第一步中我们已经直接在主题的CSS样式中调用了。 5.这时候刷新页面已经可以看到以前头像左浮动的显示模式了，通过插件自带的后台选项设置，你可以选择是将头像放在左边还是右边。如果你的升级插件后一直出现“正在加载”字样，评论却加载不出来，那么请检查一下你主题中footer.php 文件是否有代码 1 <?php wp_footer(); ?> 如果没有请在 1 </body> [...]
您可能也喜欢：

WP-Syntax 代码高亮在IE中显示不正常的解决方案
WP-EasyArchives 插件使用方法
升级到 WordPress 3.3
WordPress CommentLuv 插件：同步显示评论者的最新文章
WP Ajax Edit Comments 中文版下载
无觅
]]> 在后台看到 WP-RecentComments 插件更新后就马上升级到了最新的 2.0.3版本，经园子测试出现了头像换行显示等问题，本文说下这些问题的解决方案。

升级后遇到的问题

园子使用的是 mg12 开发的 Blocks2 主题，在升级最新评论插件 WP-RecentComments后遇到的问题如下：

1.原来的头像是左浮动显示的，评论者名称和评论内容右浮动显示。更新后发现浮动没有效果了，头像和内容都独占一行显示。

2.在后台的设置 -> 最新评论选项中无论设置头像左浮动还是右浮动均无法正常浮动显示。

3.后台选项中勾选“当鼠标滑过评论摘要时显示展开按钮”时，鼠标经过时小箭头图标不显示。

4.部分网站在升级插件后会一直出现“正在加载”的文字，网友评论加载不出来。

下面是插件升级前和升级后的显示效果对比：

WP-RecentComments 插件升级前后显示效果对比

WP-RecentComments 插件升级前后显示效果对比

WP-RecentComments 最新评论显示不正常的解决方法

综上所述，以上提到的前三个问题应该是没有调用到插件样式表的问题。以下是园子提供的解决方案：

1.复制插件目录下 /plugins/wp-recentcomments/css/wp-recentcomments.css 中的所有代码，将它添加到你使用主题的 style.css 文件中。

2.修改样式中调用图片的部分，原来的代码为：

1

.rc-item .rc-collapse,.rc-item .rc-expand{background:url(../img/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer}

修改为：

1

.rc-item .rc-collapse,.rc-item .rc-expand{background:url(images/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer}

请注意：如果你主题的图片文件夹名称为img的话，请自行修改图片路径。

3.把插件目录中的图片 /plugins/wp-recentcomments/img/icons.png 放到的主题的图片目录下。

4.在 wordpress 后台的最新评论设置选项中取消勾选“使用 wp-recentcomments.css”选项，因为在第一步中我们已经直接在主题的CSS样式中调用了。

5.这时候刷新页面已经可以看到以前头像左浮动的显示模式了，通过插件自带的后台选项设置，你可以选择是将头像放在左边还是右边。如果你的升级插件后一直出现“正在加载”字样，评论却加载不出来，那么请检查一下你主题中footer.php 文件是否有代码

1

<?php wp_footer(); ?>

如果没有请在

1

</body>

标签之前加上。如果还有问题， 请到设置 -> 最新评论中查看 JavaScript 的配置是否正确。 如果你不知道选择哪个, 请选第一项“使用插件自带的 JavaScript 库.”

6.如果你也遇到了给我一样的问题，不想这么麻烦自己更改的话请删除插件后下载 1.8.2 老版本，老版本中没有上面说到的这些问题。相信在下个版本的升级中作者会解决这些小Bug。

WP-RecentComments 最新评论的显示优化

默认插件导航栏的“上一页”“下一页”文字大小为10px，中文显示字体有些偏小，你可以搜索 CSS 样式中的：

1

font-size:10px

全部替换为：

1

font-size:12px

即可。

具体的显示效果请看园子博客的侧栏“最新评论”模块，升级还是感觉到插件很好用的，尤其是“减少服务器处理压力”这点就非常值得大家去升级。

相关下载

插件下载（128 KB） WP-RecentComments 最新版 | WP-RecentComments 1.8.2 老版本下载 | 来自园子博客

扩展阅读

您可能也喜欢：

WP-Syntax 代码高亮在IE中显示不正常的解决方案
WP-EasyArchives 插件使用方法
升级到 WordPress 3.3
WordPress CommentLuv 插件：同步显示评论者的最新文章
WP Ajax Edit Comments 中文版下载
无觅
]]> http://www.yzznl.cn/archives/wp-recentcomments-upgrade-head-wrap.html/feed 32 WP-EasyArchives 插件使用方法 http://www.yzznl.cn/archives/wp-easyarchives-plugin-use.html http://www.yzznl.cn/archives/wp-easyarchives-plugin-use.html#comments Tue, 24 Aug 2010 07:36:12 +0000 园子 http://www.yzznl.cn/?p=42754 您可能也喜欢：
WP Ajax Edit Comments 中文版下载
WP-Syntax 代码高亮在IE中显示不正常的解决方案
最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法
WP-PostRatings – 基于 WordPress 的文章评分插件
升级到 WordPress 3.3 无觅 ]]> 对于个人博客来说，在网站上显示一个对搜索引擎友好的文章存档列表是个不错的选择，园子一直使用的是 WP-EasyArchives 插件，今天就说说 WP-EasyArchives 插件的使用方法。

首先看看园子博客上的文档存档截图：

园子博客上的文档存档截图

园子博客上的文档存档截图

你也可以点击这里查看存档页面。

使用 EasyArchives 插件可以把你的所有文章汇总成一个列表页面，你可以设置成全部展开显示，或者是只展示最近一个月发布的文章，还可以所有文章都折叠起来显示。当搜索引擎索引到这个页面时，你的所有文章结构一目了然，非常方便好用。

WP-EasyArchives 插件使用方法

1.在本文下方下载链接下载插件，安装激活。

2.找到你主题目录中的 page.php 文件，复制一份另存为 archives.php。

3.打开 archives.php 文件，在源代码的最上方添加如下样式代码：

1
2
3
4
5

<?php
/*
Template Name: Archives
*/
?>

4.在 archives.php 文件中搜索如下代码：

1

<?php the_content(); ?>

替换为：

1

<?php wp_easyarchives(); ?>

如果你觉得文件中有些没有的东西不想显示，如：文章发表日期、作者等信息，可以自行删除这些代码，一般保持默认就可以了。

5.将 archives.php 文件上传到主题目录中，在 wordpress 后台添加一个新的页面，园子取名为“存档”，在右侧的“属性”功能区中将页面模板设置为“Archives”。

6.这时候点击页面就可以看到文章存档的效果了，如果你想进一步设置，可以打开后台的“设置”中的“WP-EasyArchives”会看到如下图的选项：

WP-EasyArchives 插件选项

WP-EasyArchives 插件选项

建议你勾选“Use wp-easyarchives.css.”选项。

通过以上的设置你就可以使用 WP-EasyArchives 插件为网站建立一个文章存档页面了，一般新站使用这个插件后被快速收录的机会相对要大一些，感兴趣的朋友们可以尝试一下。

WP-EasyArchives 插件下载

插件下载（51.3KB） 点此立即下载 WP-EasyArchives 插件！

扩展阅读

您可能也喜欢：

WP Ajax Edit Comments 中文版下载
WP-Syntax 代码高亮在IE中显示不正常的解决方案
最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法
WP-PostRatings – 基于 WordPress 的文章评分插件
升级到 WordPress 3.3
无觅
]]> http://www.yzznl.cn/archives/wp-easyarchives-plugin-use.html/feed 76 WordPress 3.0.1 官方简体中文正式版发布 http://www.yzznl.cn/archives/wordpress-3-0-1-chinese.html http://www.yzznl.cn/archives/wordpress-3-0-1-chinese.html#comments Sun, 15 Aug 2010 03:06:18 +0000 园子 http://www.yzznl.cn/?p=42740 升级，选择“自动升级”即可。如果网速足够快的话，一般半分钟左右就会提示升级成功。如果速度慢的话在本文正文提供的下载链接下载最新版本的 WordPress 解压后通过 FTP 软件上传到你网站的相应目录，除了wp-content 文件夹保留外，其余的全部覆盖即可。 5.启用网站所需要的插件，升级完成。 通过以上五步，一般可以安全的升级到 WordPress 3.0.1 官方简体版。如果在升级过程中遇到什么问题，欢迎给我留言。 另外，WordPress 简体中文站点推出了一个橱窗展示功能，如果你的站点是是简体中文，而且在设计排版上非常有创意的非传统博客可以通过自我推荐在官方首页上显示，据园子观察，目前已经上榜的有：小众软件，浮黑说话等知名 WordPress 博客。想自我推荐的话可以给作者发邮件，他的邮箱地址是：zheng+wp@jiehan.org。 WordPress 3.0.1 官方简体中文正式版下载 点此立即下载最新的中文版本 WordPress ！ 扩展阅读Wordpress 反垃圾评论插件：Some Chinese Please (60)只要写过博客的对垃圾评论都不陌生，每天都会在评论中发现不少。今天园子推荐的这款反垃圾评论插件...修改文章时出现 Cannot modify header information 的解决方案 (45)今天在使用 WordPress 修改以前发布过的文章时，在点击“更新”按钮的时候出现了错误提...WP [...]
您可能也喜欢：

WordPress 3.0 发布
WordPress 3.0.1 发布
WordPress 3.0.3 发布
使用 WordPress 定时发布文章
Fireworks CS5 官方简体中文正式版下载
无觅
]]> 在 WordPress 3.0 发布 一个多月后，今天终于等到了官方推出的 wordpress 3.0.1 官方简体中文正式版，想升级的朋友可以马上升级到官方提供的中文版本了。

据园子了解，WordPress 3.0.1 中文版本共修复了50多个错误，为了安全起见，建议你马上升级到最新版本。

WordPress 最安全的升级步骤

1.备份你的整个 wp-content 文件夹内容，里面主要包括插件和你上传的图片附件等。

2.备份你的数据库，具体备份方法你可以看看：WordPress 数据备份教程。

3.停用你网站目前使用的所有插件。

4.你可以选择后台直接升级，点击工具 -> 升级，选择“自动升级”即可。如果网速足够快的话，一般半分钟左右就会提示升级成功。如果速度慢的话在本文正文提供的下载链接下载最新版本的 WordPress 解压后通过 FTP 软件上传到你网站的相应目录，除了wp-content 文件夹保留外，其余的全部覆盖即可。

5.启用网站所需要的插件，升级完成。

通过以上五步，一般可以安全的升级到 WordPress 3.0.1 官方简体版。如果在升级过程中遇到什么问题，欢迎给我留言。

另外，WordPress 简体中文站点推出了一个橱窗展示功能，如果你的站点是是简体中文，而且在设计排版上非常有创意的非传统博客可以通过自我推荐在官方首页上显示，据园子观察，目前已经上榜的有：小众软件，浮黑说话等知名 WordPress 博客。想自我推荐的话可以给作者发邮件，他的邮箱地址是：zheng+wp@jiehan.org。

WordPress 3.0.1 官方简体中文正式版下载

点此立即下载最新的中文版本 WordPress ！

扩展阅读

您可能也喜欢：

WordPress 3.0 发布
WordPress 3.0.1 发布
WordPress 3.0.3 发布
使用 WordPress 定时发布文章
Fireworks CS5 官方简体中文正式版下载
无觅
]]> http://www.yzznl.cn/archives/wordpress-3-0-1-chinese.html/feed 37 WP-Syntax 代码高亮在IE中显示不正常的解决方案 http://www.yzznl.cn/archives/wp-syntax-ie-show-abnormal.html http://www.yzznl.cn/archives/wp-syntax-ie-show-abnormal.html#comments Wed, 11 Aug 2010 04:18:10 +0000 园子 http://www.yzznl.cn/?p=42730 您可能也喜欢：
最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法
IE6中 PNG 背景透明的最佳解决方案
wp-Syntax 插件使用方法
WP-PageNavi 插件在IE6下显示间隔变大的解决方法
IE中部分Flash无法显示的解决方案 无觅 ]]> WP-Syntax 是一款非常好用的代码高亮插件，经常在博文中贴代码的朋友肯定非常熟悉。经过博友 @Aerofish 的提醒，园子发现在所有的IE浏览器代码高亮的地方都会有个问题，那就是加了行号显示的代码，如果本来是四行的话，在IE浏览器下只会显示三行，但选中复制的话是可以复制到第四行的代码的。

如果你的代码只有一行，那么在IE中很可能这一行整行都不会显示，同样双击的话也可以复制出来代码。这种问题只有在IE浏览器中出现，你可以看看下图代码高亮更改前的显示：

代码高亮显示更改前后的效果对比

代码高亮显示更改前后的效果对比

代码高亮在 IE 中显示不正常的解决方案

我们可以看到更改前第四行代码只显示出了一部分，园子在网上也没有翻出更好的解决方案，只有动动 css 了。

在你主题的 CSS 文件中添加如下代码：

1

.content .wp_syntax {padding:0 0 16px;}

这样的话就会把第四行代码给完整的显示出来了，但有部分代码会出现16px的下边界填充，你可以参考上图对比一下看看。

目前没有找到更好的解决方案，虽然通过 CSS Hack 可以纠正过来，但园子认为这并不是最完美的解决方案，所以放弃了用 Hack 去修正，个人认为这样也不是很影响美观，也就保持这样原生态的了。

更改代码高亮的字体显示

发现默认显示的代码字体不是很好看，于是把代码高亮默认的字体给改了下，方法如下：

打开插件目录下“wp-syntax/geshi/geshi.php”文件，搜索如下代码：

1

var $overall_style = 'font-family:monospace;';

将其替换为：

1

var $overall_style = 'font-family:Microsoft YaHei,Arial;';

具体效果可以看看本篇文章中的代码字体显示，是不是比默认的要漂亮些呢？

如果你不太会使用 WP-Syntax 插件，建议你看看：wp-Syntax 插件使用方法

最后，关于 WP-Syntax 代码高亮插件在IE中显示不正常这个问题，园子提供的或许不是最好的解决方案，如果哪位朋友有更好的方法，欢迎在评论中提出，我会继续尝试优化。

扩展阅读

您可能也喜欢：

最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法
IE6中 PNG 背景透明的最佳解决方案
wp-Syntax 插件使用方法
WP-PageNavi 插件在IE6下显示间隔变大的解决方法
IE中部分Flash无法显示的解决方案
无觅
]]> http://www.yzznl.cn/archives/wp-syntax-ie-show-abnormal.html/feed 18 网站左侧添加导航功能，可快速转到顶部和底部 http://www.yzznl.cn/archives/add-site-navigation.html http://www.yzznl.cn/archives/add-site-navigation.html#comments Tue, 03 Aug 2010 09:14:14 +0000 园子 http://www.yzznl.cn/?p=42723 您可能也喜欢：
为 WordPress 添加面包屑导航
最简单的批量添加水印工具：PicWatermark
如何给网站的评论框添加背景图片
如何为文章添加分享按钮
最简单的免费添加QQ空间背景音乐的方法 无觅 ]]> 园子博客很早就取消了评论分页的功能，所以页面整体看来会变的比较长。今天要实现的就是在页面左侧添加一个通过点击可以起到导航作用的小功能，使网站变的更加人性化。

版权说明：这篇文章灵感来源于林木木的：“返回顶部”加强版代码及释义，版权归作者所有哈。

网站导航功能实现效果

因为现在博客宽度为990px，所以设定的是如果在分辨率是1024×768的显示器上访问网站的话就不显示左侧的导航功能栏。你也只有在比此分辨率大的显示器上才可以看到导航工具效果。导航区域有三个图标，上下分别是点击回到页首和页尾。中间的按钮点击之后会转到文章的评论区域，可以方便用户阅读评论。

出于人性化考虑，只有在文章页面才会出现中间的那个阅读评论导航，因为只有这个页面有评论。呵呵。先来看看导航工具的显示效果吧，你可以点击下。

园子博客左侧导航功能

园子博客左侧导航功能

导航功能实现过程

1.在你主题文件 footer.php 中添加如下代码：

1

<div id="shangxia"><div id="shang"></div><div id="comt"></div><div id="xia"></div></div>

注意要加在 body 结束标签之前。

2.在主题文件 style.css 中加以下样式：

1
2
3
4

#shangxia{position:absolute;top:40%;left:50%;margin-left:-535px;display:block;}
#shang{background:url(img/huadong.gif) no-repeat;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}
#comt{background:url(img/huadong.gif) no-repeat center -45px;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#xia{background:url(img/huadong.gif) no-repeat center -78px;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}

提示：样式中的 margin-left:-535px;需要根据自己网站的显示效果自行调试，负值越大越靠近左侧屏幕边缘。

3.通过 jQuery 实现点击相应图标后，定位到相应的位置。

不会使用 jQuery 的朋友请看这里：如何在 WordPress 中使用 jQuery。

所用到的 jQuery 代码如下：

1
2
3

$('#shang').click(function(){$body.animate({scrollTop: '0px'}, 400);});
$('#xia').click(function(){$body.animate({scrollTop:$('#footer').offset().top}, 800);});
$('#comt').click(function(){$body.animate({scrollTop:$('#comments').offset().top}, 800);});

4.使用 jQuery 实现滑动效果

园子建议建立一个js文件在主题中调用，连同第三步中提到的代码加入到js文件中即可。现在总的js文件代码如下：

1
2
3
4
5
6
7

jQuery(document).ready(function($){
var s= $('#shangxia').offset().top;$(window).scroll(function (){$("#shangxia").animate({top : $(window).scrollTop() + s + "px" },{queue:false,duration:500});});
$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$('#shang').click(function(){$body.animate({scrollTop: '0px'}, 400);});
$('#xia').click(function(){$body.animate({scrollTop:$('#footer').offset().top}, 800);});
$('#comt').click(function(){$body.animate({scrollTop:$('#comments').offset().top}, 800);});
});

5.调用所需js文件

在主题中调用第四步建立的 .js 文件，假设你建立的文件名为 all.js，那么直接在主题文件 header.php 中的 head 区域添加如下样式代码即可：

1

<script type="text/javascript" src="http://www.yourdomain/all.js"></script>

6.只有有评论的页面才显示阅读评论的链接

以上五步其实已经实现滑动导航功能了，只是有个缺点就是在像首页面这样没有网友评论的地方，也会出现转到评论的图片按钮，这样显然显然不合适。我们这步要实现的就是把样式表分开，在文章页面加载带有评论样式的滑动导航，其它页面则不显示转到评论按钮。

其实解决方法也就是通过php的判断语句实现的，先来看看以下代码：

1
2
3
4
5
6
7
8
9
10
11

<?php if (is_home()) { ?>
<link rel="stylesheet" href="http://www.yourdomain/index.css" type="text/css" />
<?php } elseif( is_single() ) { ?>
<link rel="stylesheet" href="http://www.yourdomain/style-single.css"  type="text/css" />
<?php } elseif( is_category() || is_archive() || is_search() ) { ?>
<link rel="stylesheet" href="http://www.yourdomain/style-category.css"  type="text/css" />
<?php } elseif( is_page(104) ) { ?>
<link rel="stylesheet" href="http://www.yourdomain/style-links.css"  type="text/css" />
<?php } else { ?>
<link rel="stylesheet" href="http://www.yourdomain/style.css" type="text/css" />
<?php } ?>

来解释下这几行判断语句，当打开首页面的时候加载index.css，打开文章页面加载style-single.css，打开分类页面、归档页面、搜索结果页面时加载style-category.css，打开页面ID号为104时，加载style-links.css，其它页面加载style.css。

OK，我们需要把第二步提示到的样式表分为两个存放，比如把以下样式放在 other_hd.css 文件中：

1
2
3

#shangxia{position:absolute;top:40%;left:50%;margin-left:-535px;display:block;}
#shang{background:url(img/huadong.gif) no-repeat;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}
#xia{background:url(img/huadong.gif) no-repeat center -78px;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}

把下面的样式放在 single_hd.css 样式中：

1
2
3
4

#shangxia{position:absolute;top:40%;left:50%;margin-left:-535px;display:block;}
#shang{background:url(img/huadong.gif) no-repeat;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}
#comt{background:url(img/huadong.gif) no-repeat center -45px;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#xia{background:url(img/huadong.gif) no-repeat center -78px;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}

然后我们在你所用主题的 header.php 文件的 head 区域，加上以下判断语句即可：

1
2
3
4
5

<?php if (is_single()) { ?>
<link rel="stylesheet" href="http://www.yourdomain/single_hd.css" type="text/css" />
<?php } else { ?>
<link rel="stylesheet" href="http://www.yourdomain/other_hd.css" type="text/css" />
<?php } ?>

这样就实现了打开文章页面时，显示的是带有转到评论功能的滑动导航，其它页面将不会出现转到评论这个导航按钮。

通过以上的操作就实现了在网站左侧添加导航功能的效果，此效果完美兼容IE6/7/8、Firefox等主流浏览器。你可以在本页面左侧点击测试下效果，有什么问题留言给我哦。

本教程相关素材下载

园子把使用到的导航图片、JS文件打包后供大家下载，可以省去你去做这些小素材的时间。

点此下载！

扩展阅读

您可能也喜欢：

为 WordPress 添加面包屑导航
最简单的批量添加水印工具：PicWatermark
如何给网站的评论框添加背景图片
如何为文章添加分享按钮
最简单的免费添加QQ空间背景音乐的方法
无觅
]]> http://www.yzznl.cn/archives/add-site-navigation.html/feed 67