知更鸟 » 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 揪出哪些插件在拖慢你的网站 http://zmingcx.com/ferret-out-which-the-plug-in-slow-down-your-site.html http://zmingcx.com/ferret-out-which-the-plug-in-slow-down-your-site.html#comments Fri, 03 Feb 2012 21:53:12 +0000 知更鸟 http://zmingcx.com/?p=4860 WordPress众多插件让人眼花缭乱，启用十个、二十个插件也是件很平常的事，你是否想知道到底这些插件对你的网站速度有多大的影响吗？

WordPress插件：P3 (Plugin Performance Profiler)，可以让你详细了解哪些插件占用资源最多，权衡利弊，有选择性地启用插件。

启用P3 (Plugin Performance Profiler)插件后，在"工具"面板中打开“P3 Profiler”，进入插件检测扫描页面，点击“start scan”按钮，开始扫描，稍等片刻，就会出现最终的检测结果，如图：

下面是所安装各插件详细的测试结果：

插件只能运行在Firefox、Chrome、 Opera、 Safari、IE9中，不支持IE8或更低版本。

 

]]> http://zmingcx.com/ferret-out-which-the-plug-in-slow-down-your-site.html/feed 9 优化一下HotNews Pro主题SEO代码 http://zmingcx.com/simply-look-hotnews-pro-theme-seo-optimized-code.html http://zmingcx.com/simply-look-hotnews-pro-theme-seo-optimized-code.html#comments Mon, 30 Jan 2012 17:58:33 +0000 知更鸟 http://zmingcx.com/?p=4856 HotNews Pro主题本身已集成SEO优化代码，所以不需要安装类似All in One SEO Pack的插件，不过主题集成的SEO代码并没有为分类列表及页面文件提供描述（description）及关键字（keywords），有童鞋问如何加上此功能，所以简单修改一下SEO代码，补上此功能，具体方法很简单：

打开HotNews Pro主题includes目录的seo.php模版文件，用下面代码替换其中的所有。

  1. <?php if ( is_home() ) { ?><title><?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title><?php } ?>   
  2. <?php if ( is_search() ) { ?><title>搜索结果 | <?php bloginfo('name'); ?></title><?php } ?>   
  3. <?php if ( is_single() ) { ?><title><?php echo trim(wp_title('',0)); ?> | <?php bloginfo('name'); ?></title><?php } ?>   
  4. <?php if ( is_page() ) { ?><title><?php echo trim(wp_title('',0)); ?> | <?php bloginfo('name'); ?></title><?php } ?>   
  5. <?php if ( is_category() ) { ?><title><?php single_cat_title(); ?> | <?php bloginfo('name'); ?></title><?php } ?>   
  6. <?php if ( is_month() ) { ?><title><?php the_time('F'); ?> | <?php bloginfo('name'); ?></title><?php } ?>   
  7. <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><title><?php  single_tag_title("", true); ?> | <?php bloginfo('name'); ?></title><?php } ?> <?php } ?>   
  8. <?php if ( is_author() ) {?><title><?php wp_title('');?>发表的所有文章 | <?php bloginfo('name'); ?></title><?php }?>   
  9. <?php   
  10. if (!function_exists('utf8Substr')) {   
  11.  function utf8Substr($str, $from, $len)   
  12.  {   
  13.      return preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$from.'}'.   
  14.           '((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s',   
  15.           '$1',$str);   
  16.  }   
  17. }   
  18. if ( is_single() ){   
  19.     if ($post->post_excerpt) {   
  20.         $description  = $post->post_excerpt;   
  21.     } else {   
  22.    if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){   
  23.     $post_content = $result['1'];   
  24.    } else {   
  25.     $post_content_r = explode("\n",trim(strip_tags($post->post_content)));   
  26.     $post_content = $post_content_r['0'];   
  27.    }   
  28.          $description = utf8Substr($post_content,0,220);     
  29.   }    
  30.     $keywords = "";        
  31.     $tags = wp_get_post_tags($post->ID);   
  32.     foreach ($tags as $tag ) {   
  33.         $keywords = $keywords . $tag->name . ",";   
  34.     }   
  35. }   
  36. ?>   
  37. <?php echo "\n"; ?>   
  38. <?php if ( is_single() ) { ?>   
  39. <meta name="description" content="<?php echo trim($description); ?>" />   
  40. <meta name="keywords" content="<?php echo rtrim($keywords,','); ?>" />   
  41. <?php } ?>   
  42. <?php if ( is_page() ) { ?>   
  43. <meta name="description" content="<?php $description = get_post_meta($post->ID, 'description', true);{echo $description;}?>" />   
  44. <meta name="keywords" content="<?php $keywords = get_post_meta($post->ID, 'keywords', true);{echo $keywords;}?>" />   
  45. <?php } ?>   
  46. <?php if ( is_archive() ) { ?>   
  47. <meta name="description" content="<?php echo category_description( $categoryID ); ?>" />   
  48. <?php } ?>   
  49. <?php if ( is_home() ) { ?>   
  50. <meta name="description" content="<?php echo get_option('swt_description'); ?>" />   
  51. <meta name="keywords" content="<?php echo get_option('swt_keywords'); ?>" />   
  52. <?php } ?>  

其中：

分类列表页面，直接调用分类描述为该分类的页面描述，无关键字。

页面文件，需为该页面分别添加自定义栏目：

名称：description，值为：该页面描述

名称：keywords，值为：该页面关键字

本来也可以自动截取页面文件部分内容为该页面描述，不过原SEO代码是提取标签为关键字，貌似WP并没有为页面文件提供添加标签功能，所以直接使用自定义栏目实现。

具体效果可以通过查看我的最近留言页面源文件

注：复制上面的代码后需手动删除一下多余的空格，不然查看页面源代码会有大面积的空段，或者直接下载已修改好的seo.php模版文件，替换主题原文件。

《优化一下HotNews Pro主题SEO代码》一文的补充

HotNews Pro 2.7版发布也有段时间了，之后断断续续写了一些修改优化的文章，也到了该升级主题的时机，希望大家提出优化合理化建议，让升级后的主题更加完美。

]]> http://zmingcx.com/simply-look-hotnews-pro-theme-seo-optimized-code.html/feed 34 为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 恢复显示HotNews Pro主题图片和视频模版日志内容 http://zmingcx.com/restore-the-display-hotnews-pro-theme-pictures-and-video-content-template-log.html http://zmingcx.com/restore-the-display-hotnews-pro-theme-pictures-and-video-content-template-log.html#comments Sun, 01 Jan 2012 15:59:32 +0000 知更鸟 http://zmingcx.com/?p=4836 图片和视频模版是HotNewsPro主题附加的功能，主要用于收集分享一些自己喜欢的图片视频，并非该主题的主要功能，所以最新版本号为Version: 2.7 Plus（增强版），特别是视频模版主要就是应用一下暗箱播放视频特效，可能你会认为不是很好用也是很正常的。

经常有童鞋问图片和视频模版怎么用，对于类似的问题我也确实懒得回复，一般都是“自己看使用说明”，因为使用说明写的已够详细了，但刚接触WP的新手，对WP一些常用功能和术语一知半解，使用功能复杂的主题还是有些摸不到头脑，这个只能自己慢慢折腾了，使用说明已无法再详细。看到一些博主非常想使用HotNewsPro主题，但又苦于不会弄，于是我也经常亲自帮人发几篇日志作一个实例，帮助解决使用中的问题，这里推荐大家还是要多阅读我写的HotNews主题技术支持相关文章，包括之前版本的使用说明，会对你有所帮助，从而熟练使用HotNewsPro主题。

言归正题，2012年第一篇日志，简单修改一下主题让HotNews Pro主题图片和视频模版显示日志内容。

当初弄这个图片与视频模版只是为了应用一下暗箱特效，并没有考虑太多，所以有些功能并没有添加，包括正文内容显示。

分别打开主题css目录的img.css和video.css查找：

  1. .entry_c p {   
  2.     display:none;   
  3.     text-indent:0em;   
  4.     }  

并替换为：

  1. .entry_c p {   
  2.     font-size: 13px;   
  3.     line-height:25px;   
  4.     text-indent:2em;   
  5.     padding:0 10px 0 0;   
  6.     }  

之后发表图片就会显示正文内容了。

不过视频模版默认并没有添加日志内容调用函数，所以还需打开：single-video.php模版，查找：

  1. <!-- end: thumbnail -->  

并在其后添加

  1. <?php the_content('Read more...'); ?>  

修改完成。之后可以按正常方式插入文字、图片及视频。

修改后的演示

另外，视频模版暗箱弹出播放视频特效，使用IE核心浏览器，在关闭时会提示错误，经过反复测试其它暗箱特效JS脚本，都有此问题，但有的视频网站视频却无此问题，因此感觉与暗箱JS脚本无关，是一些视频网站提供的视频SWF地址有特殊代码有关，无法解决，请使用火狐Firefox、谷歌chrome及opera浏览器。

]]> http://zmingcx.com/restore-the-display-hotnews-pro-theme-pictures-and-video-content-template-log.html/feed 71 本地测试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 改变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