知更鸟 » Wordpress http://zmingcx.com 崇尚专注　追求极致 Tue, 07 Feb 2012 04:35:43 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 jQuery实现侧边栏随窗口滚动 http://zmingcx.com/jquery-the-the-the-the-the-the-sidebar-scroll-with-the-window.html http://zmingcx.com/jquery-the-the-the-the-the-the-sidebar-scroll-with-the-window.html#comments Tue, 07 Feb 2012 04:09:32 +0000 知更鸟 http://zmingcx.com/?p=4869 近日帮人作主题要求弄个侧边栏某个模块随窗口一起滚动，可能其他童鞋也想给主题加上这个小功能，贴出来，供大家参考。

方法很简单，前提是你的主题必须已加载了jQuery。

方法一：

把下面代码加到主题头部header.php模版中即可：

  1. <script type="text/javascript">   
  2. $(function() {
  3.     var $sidebar   = $("#sidebar"),   
  4.         $window    = $(window),   
  5.         offset     = $sidebar.offset(),   
  6.         topPadding = 15;   
  7.   
  8.     $window.scroll(function() {   
  9.         if ($window.scrollTop() > offset.top) {   
  10.             $sidebar.stop().animate({   
  11.                 marginTop: $window.scrollTop() - offset.top + topPadding   
  12.             });   
  13.         } else {   
  14.             $sidebar.stop().animate({   
  15.                 marginTop: 0   
  16.             });   
  17.         }   
  18.     });   
  19.   
  20. });   
  21. </script>  

可根据不同的主题模版，自行修改一下其中的DIV标签#sidebar名称。此方法兼容所有浏览器。

演示效果

HotNews主题也可使用该功能，默认是整个侧边栏随窗口滚动，受主题布局功能限制，单独滚动某个模块效果不是很理想。

参考自：http://css-tricks.com/scrollfollow-sidebar/

方法二：

本人未试过，可以自行参阅：js页面滚动时层智能浮动定位实现

 

]]> http://zmingcx.com/jquery-the-the-the-the-the-the-sidebar-scroll-with-the-window.html/feed 1 WordPress博客评论可见实现方法 http://zmingcx.com/wordpress-blog-comments-can-be-seen.html http://zmingcx.com/wordpress-blog-comments-can-be-seen.html#comments Mon, 06 Feb 2012 13:29:28 +0000 知更鸟 http://zmingcx.com/?p=4868 之前帮别人测试评论可见功能，并在上一篇文章《为WordPress添加文章字数统计》中试用一下，感觉还是很不错的实用功能，可以增加一下访客的评论积极性，也可能会增加一大堆无用的垃圾留言，在论坛上很常见的功能，不过用多了可能让人产生厌恶。很多童鞋对此很感兴趣，所以把实现方法贴过来。

首先推荐一款实现该功能的插件：easy2hide

使用方法，启用插件后，在编辑文章时加入：

  1. <!--easy2hide start{reply_to_this=true}-->一些隐藏内容<!--easy2hide end-->  

下面再说说不用插件的实现方法，该方法原始代码应该是出自：乱了感觉

原始代码有个缺点即使是博主或者站长，也需要评论之后才能够看到隐藏的内容，所以又有人对该代码进行了改进。代码具体出处未知，有人认领请告知。

把下面代码加到主题functions.php文件中：

  1. function reply_to_read($atts, $content=null) {   
  2.         extract(shortcode_atts(array("notice" => '<p class="reply-to-read">温馨提示: 此处内容需要<a href="#respond" title="评论本文">评论本文</a>后才能查看.</p>'), $atts));   
  3.         $email = null;   
  4.         $user_ID = (int) wp_get_current_user()->ID;   
  5.         if ($user_ID > 0) {   
  6.             $email = get_userdata($user_ID)->user_email;   
  7.             //对博主直接显示内容   
  8.             $admin_email = "xxx@aaa.com"; //博主Email   
  9.             if ($email == $admin_email) {   
  10.                 return $content;   
  11.             }   
  12.         } else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {   
  13.             $email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]);   
  14.         } else {   
  15.             return $notice;   
  16.         }   
  17.         if (empty($email)) {   
  18.             return $notice;   
  19.         }   
  20.         global $wpdb;   
  21.         $post_id = get_the_ID();   
  22.         $query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1";   
  23.         if ($wpdb->get_results($query)) {   
  24.             return do_shortcode($content);   
  25.         } else {   
  26.             return $notice;   
  27.         }   
  28.     }   
  29.     
  30.     add_shortcode('reply', 'reply_to_read');  

自行修改其中的博主Email地址。

使用方法，编辑文章时添加：

  1. [@reply]评论可见的内容[@/reply]  

或者

  1. [@reply notice="自定义的提示信息"]评论可见的内容[@/reply]  

提示：使用时去掉其中的@

效果演示：为WordPress添加文章字数统计

]]> http://zmingcx.com/wordpress-blog-comments-can-be-seen.html/feed 13 为WordPress添加文章字数统计 http://zmingcx.com/statistics-for-wordpress-article-length.html http://zmingcx.com/statistics-for-wordpress-article-length.html#comments Sun, 05 Feb 2012 23:56:15 +0000 知更鸟 http://zmingcx.com/?p=4867 WordPress在后台编辑日志时编辑框左下角有一个字数统计，不过只显示在后台，能不能在前台也加上文章字数统计功能呢？研究了一下程序源文件，发现中文版WP后台的字数统计功能，是通过wp-content\languages目录的zh_CN-word-count.js实现的，就是不知道如何调用。网上搜了一下，找到两篇老外给出的代码：

一、把下面代码加到主题的functions.php文件中：

  1. function count_words($str){   
  2.     $words = 0;   
  3.     $str = eregi_replace(" +", " ", $str);   
  4.     $array = explode(" ", $str);   
  5.     for($i=0;$i < count($array);$i++)   
  6.      {   
  7.         if (eregi("[0-9A-Za-zÀ-ÖØ-öø-ÿ]", $array[$i]))   
  8.             $words++;   
  9.     }   
  10.     return $words;   
  11. }  

然后在single.php中希望显示字数统计的位置加上：

  1. Word count: <?php echo count_words($post->post_content); ?>  

原文

二、还是将下面代码加到functions.php文件中，此方法与上面不同的是，还加上了一个估算的阅读时间：

  1. // Custom functions   
  2. // START : Show word count   
  3. function show_post_word_count(){   
  4. ob_start();   
  5. the_content();   
  6. $content = ob_get_clean();   
  7. return sizeof(explode(" ", $content));   
  8. }   
  9. // END : Show word count   
  10. // START : Estimated reading time   
  11. if (!function_exists('est_read_time')):   
  12. function est_read_time( $return = false) {   
  13. $wordcount = round(str_word_count(get_the_content()), -2);   
  14. $minutes_fast = ceil($wordcount / 250);   
  15. $minutes_slow = ceil($wordcount / 150);   
  16. if ($wordcount <= 150) {   
  17. $output = __("< 1 minute");   
  18. } else {   
  19. $output = sprintf(__("%s - %s minutes"), $minutes_fast, $minutes_slow);   
  20. }   
  21. echo $output;   
  22. }   
  23. endif;   
  24. if (!function_exists('est_the_content')):   
  25. function est_the_content( $orig ) {   
  26. // Prepend the reading time to the post content   
  27. return est_read_time(true) . "\n\n" . $orig;   
  28. }   
  29. endif;   
  30. // END : Estimated reading time  

同样在single.php中希望显示字数统计的位置加上：

  1. The following <?php echo show_post_word_count(); ?> words should take about <?php echo est_read_time(); ?> to read.  

原文

可惜上述两种方法对汉字统计无效，只适合纯英文站点，网上也没发现与中文博客字数统计相关的文章，没办法还是自己写一个吧。

WordPress中文博客文章字数统计代码

提示：以下内容需要您 添加留言 并刷新后方可查看！

效果看这篇文章标题下面信息栏

]]> http://zmingcx.com/statistics-for-wordpress-article-length.html/feed 44 显示当前在线浏览人数 http://zmingcx.com/displays-the-current-number-of-online.html http://zmingcx.com/displays-the-current-number-of-online.html#comments Sat, 04 Feb 2012 09:20:19 +0000 知更鸟 http://zmingcx.com/?p=4864 随时了解一下当前有多少访客在浏览自己的站点，是不是也很有意思，Wordpress有类似的插件，比如：WP OnlineCounter、WP-User Online等，不过这些插件都会向数据库中写入数据，并频繁读取数据库，只为了实现这个蛋疼的小功能，不是很划算。

其实用下面一段代码就可轻松实现当前在线人数功能，此项免费服务来自www.whoisonline.net，不占用自己的数据库资源：

  1. 当前有 <script type="text/javascript" src="http://www.whoisonline.net/?action=tracker&siteurl=http://zmingcx.tk/"></script></b><a href="http://www.whoisonline.net/?action=showstats&url=http://zmingcx.tk/"> 位浏览者</a>  

将上面代码中的"http://zmingcx.tk/"改为自己网站的链接，加到模版适当的位置。而且可通过点击文字，查看访客具体浏览的页面。

HotNews主题可以打开HotNewspro\includes目录的time.php模版，加到：

  1. <?php include('counter.php'); ?>   

下面，效果可以查看我博客顶部问候语。

注：请使用Notepad++、EmEditor、EditPlus文本编辑工具编辑修改中文主题模板，中文模版编码格式为：UTF-8 无BOM，保存时注意编码格式，否则会出现不可预知的问题。

 

]]> http://zmingcx.com/displays-the-current-number-of-online.html/feed 19 为WordPress默认编辑器TinyMCE增加额外的按钮 http://zmingcx.com/shows-the-tinymce-editor-button-hidden.html http://zmingcx.com/shows-the-tinymce-editor-button-hidden.html#comments Thu, 19 Jan 2012 04:46:27 +0000 知更鸟 http://zmingcx.com/?p=4851 WordPress默认编辑器为TinyMCE，你可能认为它比较简陋，不过本人不喜欢使用其它增强类的插件，累赘，写日志又不是编排办公文件，不需要过于复杂的功能，其实默认编辑器TinyMCE有部分功能按钮被隐藏了，通过下面的代码可以为TinyMCE编辑器增加额外按钮，比如：分隔线、字体、字号选择、上标下标等，如图：

TinyMCE

将下面代码添加到你的主题functions.php模版文件中：

  1. function enable_more_buttons($buttons) {   
  2.     $buttons[] = 'hr';   
  3.     $buttons[] = 'del';   
  4.     $buttons[] = 'sub';   
  5.     $buttons[] = 'sup';   
  6.     $buttons[] = 'fontselect';   
  7.     $buttons[] = 'fontsizeselect';   
  8.     $buttons[] = 'cleanup';   
  9.     $buttons[] = 'styleselect';   
  10.     return $buttons;   
  11.     }   
  12. add_filter("mce_buttons", "enable_more_buttons");  

上面的代码默认是加到编辑器工具栏的第一行，也可以加到第二或另起一行，用下面的代码替换上面代码中最后一句。

添加到第二行：

  1. add_filter("mce_buttons_2", "enable_more_buttons");  

单独另起一行：

  1. add_filter("mce_buttons_3", "enable_more_buttons");   

通过上述方法将隐藏的按钮显示出来，使TinyMCE编辑器功能得到增强，基本可满足大部分人的需求。

]]> http://zmingcx.com/shows-the-tinymce-editor-button-hidden.html/feed 47 为WordPress编辑器设置默认内容 http://zmingcx.com/set-the-default-editor-for-wordpress-content.html http://zmingcx.com/set-the-default-editor-for-wordpress-content.html#comments Thu, 19 Jan 2012 04:21:26 +0000 知更鸟 http://zmingcx.com/?p=4850 如果你希望每次写日志时都插入相同的文字内容，例如告诉读者订阅您的站点，通过下面的代码，会自动在编辑器中插入你想显示的内容。

将下面代码加到你的主题functions.php模版中：

  1. add_filter( 'default_content', 'my_editor_content' );   
  2.   
  3. function my_editor_content( $content ) {   
  4.     $content = "如果您喜欢这篇文章，欢迎分享订阅。";   
  5.     return $content;   
  6. }  

其中的文字你可以修改成任意的内容。

这是一个很蛋疼的小功能，但却是很实用的的技术。

原文

]]> http://zmingcx.com/set-the-default-editor-for-wordpress-content.html/feed 13 本地测试HotNewsPro2.7版CMS布局提示错误解决办法 http://zmingcx.com/cms-version-of-the-layout-of-the-local-test-hotnewspro2-7-an-error-solution.html http://zmingcx.com/cms-version-of-the-layout-of-the-local-test-hotnewspro2-7-an-error-solution.html#comments Wed, 21 Dec 2011 04:46:27 +0000 知更鸟 http://zmingcx.com/?p=4819 经常有童鞋问为什么在本地测试HotNewsPro2.7版主题启用CMS布局后会提示：

Parse error: syntax error, unexpected $end in H:\wamp\www\wordpress\wp-content\themes\HotNewspro\cms.php on line 169

经过对HotNewsPro2.7版主题源代码进行检查未发现有什么问题，并且主题就是在本地环境中制作完成的。经查看大家本地php环境所使用的程序一般为WAMP，默认安装版的WAMP并未经过优化，而我一直用绿色版的xampp，本身经过优化，问题就出在这个WAMP程序上，默认WAMP程序php.ini中的short_open_tag =为Off 状态，作用是不允许使用PHP<? ?>缩写形式，改为On即可。

之前也多次回复网友这个问题，但后来发现WAMP有两个php.ini文件，只改一个是无效的。

两个php.ini文件分别在：wamp\php目录及wamp\Apache2\bin目录中，打开这两个php.ini文件，查找：

short_open_tag = Off

改为：

short_open_tag = On

保存后，重启WAMP服务，问题解决。

相关阅读：绿色版xampp使用教程

]]> http://zmingcx.com/cms-version-of-the-layout-of-the-local-test-hotnewspro2-7-an-error-solution.html/feed 66 WordPress主题嵌入淘宝商铺 http://zmingcx.com/wordpress-theme-embedded-in-taobao-shop.html http://zmingcx.com/wordpress-theme-embedded-in-taobao-shop.html#comments Tue, 20 Dec 2011 08:35:34 +0000 知更鸟 http://zmingcx.com/?p=4818 之前有童鞋问，另一个站的淘宝商铺是如何加到Wordpress主题中的，其实使用iframe 标签可以很轻松实现这一功能。

通过添加iframe 标签可以使任何HTML页面实现内联框架，方便嵌入任意网页，代码如下：

  1. <IFRAME src="http://wopus.taobao.com/"  style=" margin: 10px 0 0 1px;" width=976  height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>  

其中：

  • http://wopus.taobao.com/为嵌入网页的地址。
  • width=976  height=1530为嵌入网页的宽度和高度，可根据自己的页面大小适当调整。
  • scrolling="no" 为嵌入网页的滚动设置，当内容范围大时，可设置为允许滚动 scrolling="yes"。
  • ALLOWTRANSPARENCY="true" 为允许透明设置，把true改为no为不透明。

将上面代码加到模版文件的适当位置即可。

下面以WP默认主题twentyeleven为例，教大家制作一个独立的商铺页面模版：

复制一份twentyeleven主题page.ph模版，重命名为：taobao.php，打开这个模版文件在最上面添加

  1. <?php   
  2. /*
  3. Template Name: taobao  
  4. */  
  5. ?>  

其中的模版名称：taobao  可以任意。

并用：

  1. <?php get_header(); ?>   
  2. <div id="primary">   
  3.     <IFRAME src="http://wopus.taobao.com/"  style=" margin: 10px 0 0 10px;" width=976  height=1530 scrolling=no ALLOWTRANSPARENCY="no"></IFRAME>   
  4. </div><!-- #primary -->   
  5. <?php get_footer(); ?>  

替换原来模版中的所有代码，保存之后，进入WP后台新建一个页面，右下模板选择：taobao，发布即可。

效果演示

是不是有些像淘宝客，可进入WP后台---设置---阅读---首页显示选择一个静态页，并选择这个新建的页面作为主页。

下面是已制作好的HotNewsPro2.7版主题专用模版

 

将下载解压后的模版文件上传到HotNews主题根目录中，新建页面右下模板选择“我的商铺”模版，请自行修改模版嵌入网页的地址链接。

]]> http://zmingcx.com/wordpress-theme-embedded-in-taobao-shop.html/feed 80 改变WordPress3.3后台默认显示字体 http://zmingcx.com/change-the-font-back-wordpress3-3.html http://zmingcx.com/change-the-font-back-wordpress3-3.html#comments Sat, 17 Dec 2011 05:38:47 +0000 知更鸟 http://zmingcx.com/?p=4812 WordPress3.2中文版后台默认显示字体是微软雅黑，可能由于WordPress3.3中文版制作有些仓促，新版并没有改变WordPress后台默认sans-serif字体，有点乱糟糟的感觉，如果你也钟爱微软雅黑字体，可以通过修改汉化文件改变后台显示字体，打开程序wp-content\languages目录下的zh_CN-administration-screens.css在最前面添加一句：

  1. body{ font-family:"Microsoft YaHei",Segoe UI,Tahoma,Arial,Verdana,sans-serif;}  

并覆盖原文件，刷新后台页面，漂亮的微软雅黑字体呈现在我们眼前，下面是修改前后对比图：

补：去掉后台左侧面板浮雕边框背景。当初WP后面UI变成如如今的模样，有人喜欢有人却不喜欢，其实主要就是这个浮雕效果的背景，使用外观更有立体感，但个人认为与其它部分并不协调，如果你也有此同感，可以再折腾一下去掉这个背景图片，打开程序wp-admin/css目录的colors-fresh.css，查找并删除：

  1. background-image:url(../images/menu-shadow.png);  

去掉这个背景图片后，侧边面板看上去更清爽，与其它部分也更河蟹。

前后对比：

通过上面的两个例子，大家可以举一反三，尝试改变WP程序默认后台的外观，使其更符合自己的审美要求。

]]> http://zmingcx.com/change-the-font-back-wordpress3-3.html/feed 64 WordPress 3.3 版背景功能失效解决方案 http://zmingcx.com/wordpress-3-3-version-of-the-background-function-failure-solution.html http://zmingcx.com/wordpress-3-3-version-of-the-background-function-failure-solution.html#comments Sat, 17 Dec 2011 03:00:28 +0000 知更鸟 http://zmingcx.com/?p=4809 随着WordPress 3.3正式版的发布，很多盆友都在第一时间将程序升级到最新版，不过很快发现某些具备“背景”功能的主题（包括 HotNews主题）之前设置的背景失效了。

WordPress早在2.8版就增加了自定义背景body_class()函数，直到3.0版才在默认主题中增加了“背景”功能，具备此功能的主题也不是很多，可能大部分主题设计者会觉得这个功能有些鸡肋，简单通过修改CSS样式就可实现的功能，没有必要增加一次数据库查询，但这句body_class()函数初衷，并不是为了简单更换整个站点所有页面的背景，而是方便设计人员灵活的控制不同页面中各个元素样式，大道理不说了，下面说一下具体的解决方案：

方案一　WordPress 3.3版在程序wp-includes目录theme.php中增加一个custom-background 标签，这是造成“背景”功能失效的问题所在，打开theme.php程序文件，在第1797行找到：

  1. body.custom-background { <?php echo trim( $style ); ?> }  

删除其中的　.custom-background　变为：

  1. body { <?php echo trim( $style ); ?> }  

此方法适合所有之前支持“背景”功能的主题，但需修改程序文件，本人不建议使用。

方案二　这是标准的解决的方案，打开默认主题Twenty Eleven的header.php模版，你会发现有一句：

  1. <body <?php body_class(); ?>>  

代替了正常的<body>标签，这是关键，将上面的代码替换自己所使用主题header.php模板<body>标签即可。

方案三　用

  1. <body class="custom-background">

替换header.php模版<body>标签，不让其增加额外的标签，此方法方便实用，适合所有主题。

下面专门说一下HotNews Pro 2.7Plus主题解决方案

一、HotNews主题，按方案一修改程序文件后，背景功能将恢复正常，其它无需改动。

二、由于HotNews主题功能结构复杂，如果按方案二操作，需修改的模版文件较多，有些麻烦，但通过折腾主题，你可能会学到更多的知识，下面开始操作：

1、HotNews Pro 2.7Plus主题有6个header模版，分别对应不同的页面布局，打开所有以header开头的模版文件，按方案二的方法替换所有<body>标签。

2、之后查找：

  1.  class="home"

修改为：

  1. id="home"

共有两个，之所以要修改此标签，是因为增加：

  1. <body <?php body_class(); ?>>

后，会在首页和分类页面自动生成".home"和.archive标签，与主题样式冲突，造成首页页面偏左和分类页面侧边字号变大。

3、打开HotNewspro主题styles目录的所有样式文件，修改所有以”.home“开头的选择器为”#home“，有两处。

打开archive.php查找： class="archive"，改为 class="archive_c"

打开style.css，查找：

  1. .archive{   
  2.     font-size: 13px;   
  3.     line-height:24px;   
  4.     }  

把 .archive 改为 .archive_c

4、最简单的方法就是采用方案三，只用：

  1. <body class="custom-background">

替换所有以header开头的模版<body>标签，让其不自动生成".home"标签，比较方便。

提示：修改中文模板需保证为UTF-8无BOM编码格式，建议在后台主题编辑功能中修改或者使用Notepad++等文本编辑软件，切记不能用系统自带的记事本编辑主题模版。

 

]]> http://zmingcx.com/wordpress-3-3-version-of-the-background-function-failure-solution.html/feed 51 为留言模板添加字数统计 http://zmingcx.com/add-word-count-for-the-the-message-template.html http://zmingcx.com/add-word-count-for-the-the-message-template.html#comments Thu, 24 Nov 2011 19:30:38 +0000 知更鸟 http://zmingcx.com/?p=4788 可能有的童鞋已发现我的评论模板有一个字数统计功能，本来只是试验一下，准备用到其它模板中，有人问咋弄的，好吧，那就按下面的方法把这个功能也加到自己的主题中。

 

一、把下面的javascript代码添加到主题的JS文件中，HotNews主题加到HotNewspro\js目录custom.js中

  1. // 留言字数统计   
  2. function checktext(text)   
  3. {   
  4.   allValid = true;   
  5.   for (i = 0;  i < text.length;  i++)   
  6.   {   
  7.    if (text.charAt(i) != " ")   
  8.    {   
  9.     allValid = false;   
  10.     break;   
  11.    }   
  12.   }   
  13. return allValid;   
  14. }   
  15.   
  16. function xx(message,total,used,remain)   
  17. {   
  18.  var max;   
  19.  max = total.value;   
  20.  if (message.value.length > max) {   
  21.  message.value = message.value.substring(0,max);   
  22.  used.value = max;   
  23.  remain.value = 0;   
  24.  alert("留言不能超过 500 个字!");   
  25.  }   
  26.  else {   
  27.  used.value = message.value.length;   
  28.  remain.value = max - used.value;   
  29.  }   
  30. }  

二、打开评论模板comments.php找到类似：

  1. <p><textarea name="comment" id="comment" tabindex="4"></textarea></p>  

替换为：

  1. <span class="cs">   
  2.     <span class="csc">   
  3.         <input name="total" size="2" value="500" class="inputtext">   
  4.         <input name="remain" size="2" value="500" class="inputtext">   
  5.     </span>   
  6.     留言不能超过500字，已输入字数：<input name="used" size="2" value="0" class="inputtext">   
  7. </span>   
  8.     <p><textarea name="comment" id="comment" tabindex="4" onKeyDown="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);" onKeyUp="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);"></textarea></p>  

其中的数字“500”是限制的字符数，可根据需要适当修改。

三、添加样式

  1.  /******** 字数统计 ********/  
  2. .cs {   
  3.     float: right;   
  4.     color: #757575;   
  5.     }   
  6. .csc {   
  7.     display:none;   
  8.     }   
  9. .inputtext {   
  10.     height:13px;   
  11.     color: #0196e3;   
  12.     border:none;   
  13.     background: transparent !important;   
  14.     }  

添加上述代码后，当留言超过500字时，会弹出警告提示框，但并不具备阻止提交留言功能。

如果你的主题采用的是WP标准评论表单函数：

  1. <?php comment_form(); ?>  

将无法添加此功能。

另外，想同时限制最少输入字数，可以把下面代码加到主题的functions.php模版中：

  1. // 评论最少字数限制   
  2. function minComment($content){   
  3.     global $comment;   
  4.         $num = 10; //设置评论最少字数限制为 10   
  5.     $content = $comment->comment_content;   
  6.     if(str_word_count($content) < $num)   
  7.         wp_die('提示：不能少于10个字');   
  8. }   
  9. add_action('pre_comment_on_post', 'minComment');  

当输入文字少于设定值，会有错误提示

]]> http://zmingcx.com/add-word-count-for-the-the-message-template.html/feed 116 wordpress去掉win主机链接中的index.php http://zmingcx.com/wordpress-remove-the-index-php-win-the-host-link.html http://zmingcx.com/wordpress-remove-the-index-php-win-the-host-link.html#comments Fri, 11 Nov 2011 05:30:42 +0000 知更鸟 http://zmingcx.com/?p=4781 从来未用过WIN主机，所以对这个链接中的index.php问题也没什么研究，今天帮别人弄了一下，还是很简单，作下记录方便有同样问题的童鞋查询。

打开记事本，把下面代码粘贴进去：

  1. [ISAPI_Rewrite]   
  2. # 3600 = 1 hour   
  3. CacheClockRate 3600   
  4. RepeatLimit 32   
  5. # Protect httpd.ini and httpd.parse.errors files   
  6. # from accessing through HTTP   
  7. # Rules to ensure that normal content gets through   
  8. RewriteRule /sitemap.xml /sitemap.xml [L]   
  9. RewriteRule /favicon.ico /favicon.ico [L]   
  10. # For file-based wordpress content (i.e. theme), admin, etc.   
  11. RewriteRule /wp-(.*) /wp-$1 [L]   
  12. # For normal wordpress content, via index.php   
  13. RewriteRule ^/$ /index.php [L]   
  14. RewriteRule /(.*) /index.php/$1 [L]   

保存时保存类型选择“所有文件”，并输入文件名称：httpd.ini

将这个httpd.ini文件上传到WP程序所在的目录也就是与index.php在同一个目录内。

之后进入WP后台修改固定链接，比如：/%category%/%post_id%.html

刷新博客首页，打开文章链接看看链接地址中的index.php是不是消失了。

另外，网上还有说使用cos-html-cache静态化插件也可以实现，个人建议不要使用此方法，静态化插件也是我强烈建议新手不要用的一个插件，之前写过一篇：什么情况下有必要使用静态化缓存插件，对于个人小博启用静态化插件，没有任何用处，只会带来无尽的问题，而且很多新手在知道很多问题是静态化插件造成的后，直接删除插件，这是错误的，拿cos-html-cache静态化插件为例，删除插件前，应首先进入插件设置页面，清除缓存，之后再删除插件，不然缓存文件依然存在，页面显示的还是静态化后的内容，插件删除也不会再更新了。

]]> http://zmingcx.com/wordpress-remove-the-index-php-win-the-host-link.html/feed 92 小技巧：批量转换WordPress文章分类 http://zmingcx.com/bulk-move-to-another-category-in-wordpress-posts.html http://zmingcx.com/bulk-move-to-another-category-in-wordpress-posts.html#comments Mon, 07 Nov 2011 17:35:40 +0000 知更鸟 http://zmingcx.com/?p=4774 可能建博之初，分类设置过于详细，后来想重新整理并删除一些分类项目，比如删除分类A，并将其中的所有文章划归到分类B中，手动修改文章的分类过于麻烦，有木有什么方法可以批量移动文章到另一个分类中呢？

网上闲逛看到有人为此还专门写了一个收费的转换插件，其实WordPress本身已为我们提供了批量转换的功能，只不过平时大家没注意而已。

下面就以分类A中的所有文章移动到分类B为例，教大家一个小技巧，轻松实现批量转换。

进入WordPress后台→设置→撰写，在撰写设置页面“默认文章分类目录”中选择分类B，并保存，如图：

打开“分类目录”页面，直接删除分类A，不要担心其中的文章会丢失，由于我们设置了默认分类目录为分类B，所以删除分类A后，文章会自动转移到分类B中，简单吧！

 

]]> http://zmingcx.com/bulk-move-to-another-category-in-wordpress-posts.html/feed 64 WordPress实现HTML5预加载 http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html#comments Thu, 03 Nov 2011 11:41:08 +0000 知更鸟 http://zmingcx.com/?p=4754 HTML5引入了预加载页面技术，可以大幅度提高您的网站加载时间以及速度。

HTML5

WordPress实现HTML5预加载方法很简单，把下面代码：

  1. <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>   
  2. <link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">   
  3. <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">   
  4. <?php } ?>  

加到header.php模版，<head> 与</head> 之间。

还可以根据自己的需要对上面的代码进行适当的修改，例如加个判断预读首页等。

  1. <?php if (is_archive() && ($paged > 1) && ($paged < $wp_query->max_num_pages)) { ?>   
  2. <link rel="prefetch" href="<?php echo get_next_posts_page_link(); ?>">   
  3. <link rel="prerender" href="<?php echo get_next_posts_page_link(); ?>">   
  4. <?php } elseif (is_singular()) { ?>   
  5. <link rel="prefetch" href="<?php bloginfo('home'); ?>">   
  6. <link rel="prerender" href="<?php bloginfo('home'); ?>">   
  7. <?php } ?>  

由于预加载是HTML5的一部分，目前并不是所有浏览器都支持，比如：Internet Explorer就不行了。而Firefox、chrome和opera支持该技术。因此如果访问者的浏览器不支持预加载，将什么效果也没有。

至于真的有什么实际效果只能自己去体会了。

原文：Mastering HTML5 Prefetching

]]> http://zmingcx.com/wordpress-html5-pre-load-to-achieve.html/feed 28 WordPress检索一个远程页面信息 http://zmingcx.com/wordpress-page-to-retrieve-information-on-a-remote.html http://zmingcx.com/wordpress-page-to-retrieve-information-on-a-remote.html#comments Thu, 03 Nov 2011 10:42:19 +0000 知更鸟 http://zmingcx.com/?p=4752 WordPress可以很容易地得到一个远程文件的内容以及文件信息。

Codex

使用 wp_remote_get() 函数或wp_remote_post()来获取所需的URL。下面的例子显示了如何检索一个URL，并显示其内容以及文件信息。

此代码可以放在模版文件的任何位置。

  1. <?php    
  2. $response = wp_remote_get( 'http://foo.com/file.txt' );   
  3. if( is_wp_error( $response ) ) {   
  4.    echo 'Something went wrong!';   
  5. } else {   
  6.    echo 'Response:<pre>';   
  7.    print_r( $response );   
  8.    echo '</pre>';   
  9. };    
  10. ?>   

代码来自：官方Codex

]]> http://zmingcx.com/wordpress-page-to-retrieve-information-on-a-remote.html/feed 7