知更鸟 http://zmingcx.com 崇尚专注　追求极致 Mon, 21 May 2012 02:50:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 在文章中添加一个广告位 http://zmingcx.com/the-left-side-of-the-body-to-add-an-advertising.html http://zmingcx.com/the-left-side-of-the-body-to-add-an-advertising.html#comments Fri, 11 May 2012 19:08:24 +0000 知更鸟 http://zmingcx.com/?p=4940 HotNews Pro 2.7 Plus主题已集成多个广告位，不过有些广告尺寸较大，目前的广告位置并不适合，另外据说广告放在正文文章的左侧或右侧效果最佳，下面开始折腾。

把广告放正文中分三步：

第一步，在主题includes目录新建一个名称为：ad_r.php模版文件，并将下面的内容加到其中：

  1. <div class="ad_r">   
  2. 此处添加广告代码   
  3. </div>  

第二步，打开文章页面模版single.php在：

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

上面添加：

  1. <?php include('includes/ad_r.php'); ?>  

第三步，打开主题style.css在最后添加：

  1. .ad_r {   
  2.     float:right;   
  3.     width:300px;   
  4.     height:300px;   
  5.     margin:0 0 10px 10px;   
  6.     border:1px solid #ccc;   
  7.     }  

其中的宽度和高度可根据广告尺寸作适当调整，可以不加此属性，非HotNews主题也可参照此方法。

修改中文模版，建议使用Notepad++文本编辑软件，并在格式菜单中选择”以UTF-8　无BOM格式编码“

]]> http://zmingcx.com/the-left-side-of-the-body-to-add-an-advertising.html/feed 69 HotNews主题两处偏好调整 http://zmingcx.com/the-hotnews-theme-two-to-adjust.html http://zmingcx.com/the-hotnews-theme-two-to-adjust.html#comments Fri, 11 May 2012 17:09:22 +0000 知更鸟 http://zmingcx.com/?p=4939 经常有童鞋提出HotNews主题个性修改问题，这里总结两条看上去有用的调整方法，供大家参考。

一、CMS首页分类列表模块，调用指定的文章（置顶文章）

默认情况下CMS首页分类列表模块调用各分类最新文章，可以通过简单的修改从而调用指定的文章，也就是置顶后的文章。

打开主题cms.php模版文件，查找：

'cat' => $category,

共有四处，在其下面添加：

'post__in'  => get_option('sticky_posts'),

之后，分类列表模块就会只显示置顶后的文章。

二、将横向滚动模块移动到第一篇最新日志下面。

首先打开主题cms.php模版文件，查找并删除：

  1. <?php if (get_option('swt_rolling') == 'true') { ?>   
  2. <?php include('includes/show.php'); ?>   
  3. <? } else { ?>   
  4. <? } ?>   

之后打开主题includes目录的new_post.php在最后一行：

  1. <?php endwhile; ?>  

上面添加

  1. <?php if ($wp_query->current_post == 0) : ?>   
  2. <?php if (get_option('swt_rolling') == 'true') { ?>   
  3. <?php include (TEMPLATEPATH . '/includes/show.php'); ?>   
  4. <? } else { ?>   
  5. <? } ?>    
  6. <?php endif; ?>  

其中：urrent_post == 0，数字0为第一篇日志下面，改为数字1则移动到第二篇日志下面，以此类推。

修改后的具体效果看我博客目前的首页。

注：修改模版，请在后台主题编辑功能中修改，或者使用Notepad++文本编辑软件，决不能用系统自带的记事本，否则可能会造成错位或乱码。

 

]]> http://zmingcx.com/the-hotnews-theme-two-to-adjust.html/feed 13 为WordPress链接关系（rel）添加external和nofollow选项 http://zmingcx.com/add-nofollow-option-for-wordpress.html http://zmingcx.com/add-nofollow-option-for-wordpress.html#comments Tue, 08 May 2012 04:25:36 +0000 知更鸟 http://zmingcx.com/?p=4937 默认情况下Wordpress链接关系网（XFN）提供了众多选项以供大家选择，像类似“职场关系、地理关系、家庭关系还有什么情感关系”分的很详细，就是都很不靠谱，一个有用的也木有，比如：nofollow属性（即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。），另外WP“关系（rel）”并不允许手动输入特定的属性，不过可以通过修改WP程序文件，添加一个external和nofollow选项。

以Wordpress3.3.2版本为例，打开wp-admin\includes目录的meta-boxes.php文件，在第777行添加：

  1. <tr>   
  2. <th scope="row"> external nofollow </th>   
  3. <td><fieldset><legend class="screen-reader-text"><span> external nofollow </span></legend>   
  4. <label for="external">   
  5. <input class="valinp" type="checkbox" name="external" value="external" id="external" <?php xfn_check('external'); ?> />external</label>   
  6. <label for="nofollow">   
  7. <input class="valinp" type="checkbox" name="nofollow" value="nofollow" id="nofollow" <?php xfn_check('nofollow'); ?> />nofollow</label>   
  8. </fieldset></td>   
  9. </tr>  

之后再打开链接编辑页面，会出现external和nofollow选项，如下图：

如果嫌手动修改文件麻烦，可以安装使用相关插件：Add-nofollow-to-XFN

]]> http://zmingcx.com/add-nofollow-option-for-wordpress.html/feed 35 WordPress主题侧边栏随窗口滚动 http://zmingcx.com/wordpress-the-the-sidebar-scroll-with-window.html http://zmingcx.com/wordpress-the-the-sidebar-scroll-with-window.html#comments Sat, 28 Apr 2012 15:51:10 +0000 知更鸟 http://zmingcx.com/?p=4932 貌似这个特效目前很流行，之前也发过一篇《jQuery实现侧边栏随窗口滚动》的教程，不过有童鞋发现加上这个JS特效后，侧边栏会顶着页脚无限滚下去，那就再发一个比较完美的，上代码：

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

将上述javascript代码加到主题头部header.php模版中。

修改其中的“#sidebar”为你的主题侧边选择器名称；

根据不同的主题头部模版高度，适当调整其中的数字“368”（默认数字为HotNews主题的）。

个人认为，网页加上这个特效后，侧边模块在眼前晃晃悠悠的，并不是很舒服，适合内容较少的侧边栏或者侧边最下面的固定模块比如广告滚动。萝卜青菜各有所爱，大家接着折腾吧。

]]> http://zmingcx.com/wordpress-the-the-sidebar-scroll-with-window.html/feed 56 侧边最新评论排除博主并显示其它注册用户及游客留言 http://zmingcx.com/comments-bloggers-to-to-other-message-that-out.html http://zmingcx.com/comments-bloggers-to-to-other-message-that-out.html#comments Fri, 13 Apr 2012 14:53:49 +0000 知更鸟 http://zmingcx.com/?p=4920 默认情况下 HotNews主题侧边带头像的最新评论不显示登录者（博主）的留言，之所以如此，主要是考虑侧边显示最新评论，除了可以表明博客比较火爆之外，另一个功能就是方便博主查看网友留言，并及时作出回应。比如我的博客，平时我会抽时间集中回复网友提出的问题，如果显示博主的留言，估计侧边显示的全是我的回复留言了。

不过呢，有些博客开启了“用户必须注册并登录才可以发表评论 ”功能，或者博客有很多注册会员习惯登录后留言，会造成侧边无最新评论显示，那么如何只排除博主留言而显示其它注册用户及游客留言呢？只需要对默认的最新留言代码稍加改动即可实现这一功能。具体方法：

用下面代码替换HotNewspro\includes\widget目录r_comments.php模版文件中的所有代码即可：

  1. <h3>最新评论</h3>   
  2. <div class="r_comments">   
  3.     <ul>   
  4.         <?php   
  5.             global $wpdb;   
  6.             $my_email = get_bloginfo ('admin_email');   
  7.             $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url,comment_author_email, SUBSTRING(comment_content,1,14) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' AND comment_author_email != '$my_email' ORDER BY comment_date_gmt DESC LIMIT 8";   
  8.             $comments = $wpdb->get_results($sql);   
  9.             $output = $pre_HTML;   
  10.             foreach ($comments as $comment) {$output .= "\n<li>".get_avatar( $comment, 32 )." <a href=\"" . get_permalink($comment->ID) ."#comment-" . $comment->comment_ID . "\" title=\"发表在： " .$comment->post_title . "\">" .strip_tags($comment->comment_author).":<br/>". strip_tags($comment->com_excerpt)."</a><br /></li>";}   
  11.             $output .= $post_HTML;   
  12.             echo $output;   
  13.         ?>   
  14.     </ul>   
  15. </div>   
  16. <div class="box-bottom">   
  17.     <i class="lb"></i>   
  18.     <i class="rb"></i>   
  19. </div>  

其中：

删除了原代码中用于判断只显示游客评论的代码：AND user_id='0'

添加博主邮箱判断代码：$my_email = get_bloginfo ('admin_email');

如果上述代码有问题，可以直接改为：$my_email ='zmingcx@gmail.com'; (将其中的邮箱地址替换为自己的)

另外顺便说一下HotNews Pro主题升级问题。可能我很早之前就说过要升级主题，由于最近工作较忙一直没有时间，所以升级版一直没出，不过升级的准备工作一直在进行，目前正在考虑是等WordPress 3.4正式版推出时再升级，还是马上。根据发布的信息，WordPress 3.4又有了较大功能调整，而且目前已是 WordPress 3.4 Beta 2版，相信很快正式版本就会推出，我还未测试过3.4版的功能，如果升级后的主题不能兼容新版程序，最后还得再次升级，感觉有点麻烦...

]]> http://zmingcx.com/comments-bloggers-to-to-other-message-that-out.html/feed 105 关于HotNews主题分页代码无法运行 http://zmingcx.com/not-run-on-the-the-hotnews-topic-paging-code.html http://zmingcx.com/not-run-on-the-the-hotnews-topic-paging-code.html#comments Thu, 29 Mar 2012 07:24:29 +0000 知更鸟 http://zmingcx.com/?p=4913 近期很多童鞋反映HotNews主题分类列表页面，无法显示内容，页面运行到主题集成的分页代码处，就停止了，同时发现有此问题的童鞋使用的都是Bluehost主机，经过研究：不知道为什么Bluehost主机会不定期自动删除HotNewspro主题includes\functions目录的paged.php文件，造成页面无法正常运行，经检查未发现paged.php文件中有什么不妥的代码，而且目前只发现Bluehost主机用户有此问题，暂时还不知道为什么会有如此诡异的问题。

如果你也有同样的问题，提供一个临时的解决办法：

用FTP登录空间，重新上传一个paged.php文件到wp-content\themes\HotNewspro\includes\functions目录即可。

也希望有此问题的童鞋，主动向主机商反映此问题，找个合理的解释。

补充（2012.04.02）：由于原因不明这个问题暂时还无法完美解决，也影响到主题近期的升级，有同样问题的盆友，可以按下面的方法把分页代码转移到主题的functions.php中，等几天看看是否还会被删除，具体操作方法：

首先打开主题根目录的functions.php文件，再打开HotNewspro\includes\functions目录的paged.php，将paged.php中的所有代码复制并粘贴到functions.php文件的最后，同时删除functions.php文件第11行的：

  1. include("includes/functions/paged.php");  

并用修改后的functions.php文件覆盖原主题文件，之后，再等几天，看看这个变态的主机是否会删除functions.php文件......

另外，发电邮给Bluehost客服询问时，可以把paged.php文件或其中的代码一同发给他，问问有什么不妥之处，以期尽快找到根源所在

]]> http://zmingcx.com/not-run-on-the-the-hotnews-topic-paging-code.html/feed 144 感叹.... http://zmingcx.com/reading-the-statistics-of-the-the-baidu-flow-institute-of-sighs.html http://zmingcx.com/reading-the-statistics-of-the-the-baidu-flow-institute-of-sighs.html#comments Wed, 21 Mar 2012 14:34:21 +0000 知更鸟 http://zmingcx.com/?p=4906 最近，百度统计推出了一个新的服务：流量研究院。这是一个专为互联网相关人士提供数据的研究中心。将获得的所有网站流量数据，整合梳理，深度挖掘，分析网民行为偏好和潜在需求，以及行业发展态势，并以新颖美观的图表展示出来，以便于相关人士更好地了解中国互联网宏观环境的当下状况，和洞察变化趋势，感觉还真不错。

不过看完浏览器市场份额的分析数据，只能感叹中国的电脑盲之多，让人汗颜。

IE6、250+110、IE7之流遥遥领先。

]]> http://zmingcx.com/reading-the-statistics-of-the-the-baidu-flow-institute-of-sighs.html/feed 57 入手超极本Acer 蜂鸟S3 http://zmingcx.com/start-acer-hummingbird-s3.html http://zmingcx.com/start-acer-hummingbird-s3.html#comments Mon, 19 Mar 2012 09:26:41 +0000 知更鸟 http://zmingcx.com/?p=4902

上周入手宏碁 Aspire Ultrabook S3 笔记本，Acer 蜂鸟S3超极本顶盖采用了铝合金材质，并运用金属拉丝工艺打造，而掌托部分为镁铝合金，整机厚度仅为13mm，重量为1.3kg。外观与苹果MacBook Air相似，据说比后者还要轻，具体参数如下：

型号：Aspire S3951-2464G34iss

处理器：Intel Core i5-2467M(1.6GHz/L3 3M)

内存容量：4GB

硬盘容量：520GB(含20G固态硬盘）

光驱类型：无光驱

屏幕尺寸：13.3英寸

显卡芯片：Intel HD 3000

网卡：内置10-100-1000M网卡

无线通讯：802.11b/g/n无线网卡,蓝牙4.0

内置摄像头：130万像素摄像头

USB：2个USB2.0

读卡器：多合一读卡器

其它接口：HDMI接口,声音输入,声音输出孔,直流电源插孔,安全锁孔

重量：约1.35kg

本来想入手华硕的U36系列，但到电脑城一打听，竟然无此产品销售，最终决定购买Acer 蜂鸟，配置上要比U36低很多，不过20G的SSD固态硬盘还是很给力，运回家重新分区，格掉自带的WIN7高级家庭版及隐藏分区，把WIN7旗舰版安装到固态硬盘上，从按电源开始，17秒进桌面，启动速度不是一般的快，一个字爽。

虽然CPU主频不高而且是集成显卡，对我而言，正常办公及一些网页设计工作足够用，轻薄机身往背包中一放，并不感到累赘。

机身轻薄带来的缺点也是很明显，只有两个USB接口，而且位置设计在背后，使用不是很方便，无标准的以太网接口，需使用外置USB转RJ45网卡...

瑕不掩瑜，漂亮的外观、携带方便，才是超极本的真正价值，弄个大厚本，背着沉，放家里，还不如弄个台式更实用。

点击这里欣赏蜂鸟S3的曼妙身姿

]]> http://zmingcx.com/start-acer-hummingbird-s3.html/feed 66 HotNews Pro 2.7 Plus侧边最新文章中排除分类 http://zmingcx.com/hotnews-pro-2-7-plus-side-of-the-latest-articles-excluded-classification.html http://zmingcx.com/hotnews-pro-2-7-plus-side-of-the-latest-articles-excluded-classification.html#comments Fri, 02 Mar 2012 10:32:22 +0000 知更鸟 http://zmingcx.com/?p=4891 HotNews Pro主题CMS首页最新文章已具备分类排除功能，那么如何为主题自带的最新文章小工具添加排除分类功能呢？万能的WP什么都可实现的。

用下面代码替换主题\includes\widget目录newarticles.php模版中所有内容即可。

  1. <div class="newarticles">   
  2.     <h3>最新文章</h3>      
  3.     <div class="box_r">   
  4.         <ul>   
  5.             <li>   
  6.                 <?php query_posts('showposts=9&caller_get_posts=10&cat=-6,-8'); while ( have_posts() ) : the_post(); ?>   
  7.                 <a href="<?php the_permalink(); ?>"><?php echo mb_strimwidth(get_the_title(), 0, 31, '');?></a>   
  8.                 <?php endwhile; ?>   
  9.             </li>   
  10.         </ul>   
  11.         <div class="clear"></div>   
  12.     </div>   
  13.     <div class="box-bottom">   
  14.         <i class="lb"></i>   
  15.         <i class="rb"></i>   
  16.     </div>   
  17. </div>  

其中：数字9为显示的最新文章数量，数字10是排除10篇置顶文章，-6和-8为排除的分类ID，可自行修改。

另外，在正文及分类页面的侧边TAB菜单中，也存在最新文章，打开主题includes目录的tab.php模版，用：

  1. <?php query_posts('showposts=9&caller_get_posts=10&cat=-6,-8'); while ( have_posts() ) : the_post(); ?>   
  2. <li><a href="<?php the_permalink(); ?>"><?php echo mb_strimwidth(get_the_title(), 0, 31, '');?></a></li>   
  3. <?php endwhile; ?>  

替换其中的：

  1. <?php $myposts = get_posts('numberposts=10&offset=0');foreach($myposts as $post) :?>   
  2. <li><a href="<?php the_permalink(); ?>" rel="bookmark" title="详细阅读 <?php the_title_attribute(); ?>"><?php echo cut_str($post->post_title,33); ?></a></li>   
  3. <?php endforeach; ?>  

可修改的参数同上。

上面代码替换后，如有什么问题可以反馈给我。

PS:由于最近工作忙，很少有时间回复网友的问题，简单的可能会抽时间回答一下，稍微复杂一些的大家只能耐心等我有时间经过测试，得出比较准确的答案，再回复你，包括有DIY请求的童鞋。

]]> http://zmingcx.com/hotnews-pro-2-7-plus-side-of-the-latest-articles-excluded-classification.html/feed 149 Google在中国大陆的使用率再创新低 http://zmingcx.com/the-google-30-3-33-1-32-3-37-8-china-the-utilization-rate-to-new-lows.html http://zmingcx.com/the-google-30-3-33-1-32-3-37-8-china-the-utilization-rate-to-new-lows.html#comments Mon, 27 Feb 2012 16:49:51 +0000 知更鸟 http://zmingcx.com/?p=4886

据著名的互联网统计机构CNZZ公布的2011年12月中国搜索引擎使用情况分析数据显示，Google在中国大陆的使用率再创新低，竟然已被搜狗搜索远远抛在身后，看来Google中国离被赶尽杀绝之日不久已。

很早之前就有高端用户用Google之说，虽然本人不太高端，不过查一些有价值的资料，没有Google简直是痴心妄想，度娘、热狗之流实在不给力，上代理、翻墙已成我辈必修之课，也不错，终归是门技术，而且绝对具有中国特色。

更有软文吹嘘“过硬的搜索品质是搜狗实现快速超越的根本原因。”真是大言不惭！

 

]]> http://zmingcx.com/the-google-30-3-33-1-32-3-37-8-china-the-utilization-rate-to-new-lows.html/feed 67 关于HotNews主题很“卡”的感觉 http://zmingcx.com/feeling-of-the-card-on-the-the-hotnews-theme-to-open-the-page.html http://zmingcx.com/feeling-of-the-card-on-the-the-hotnews-theme-to-open-the-page.html#comments Mon, 13 Feb 2012 10:48:37 +0000 知更鸟 http://zmingcx.com/?p=4871 很多使用HotNews主题的朋友，都有一个感觉：打开博客后向下滑动页面，会很“卡”，普遍会认为是主题功能复杂或者是自己的主机空间不给力造成的，其实与此无关。

下面简单说一下造成此问题的原因及解决办法：

HotNews主题集成了图片延迟加载功能（参见：jQuery实现图片延迟加载），只有当页面滚动到图片的位置才会加载它们。本来是为了提高页面加载速度，不过事与愿违，由于大多数人不喜欢单独制作缩略图，直接把文章中尺寸较大的图片作为缩略图使用，同时加载10几张2、3百K的图片，打开速度可想而知，直接导致加载过程序中浏览器会出现“卡”的现象，原因找到了，解决办法：

  • 保留图片延迟加载功能，单独制作尺寸较小的缩略图，会提高加载速度。
  • 或者干脆去掉这个图片延迟加载功能：

打开所有以header开头的模版文件，共有6个，找到：

  1. <!-- 图片延迟加载 -->   
  2. <?php include('includes/lazyload.php'); ?>  

删除。

之后，刷新博客首页并滚动浏览器，看看原来“卡”的感觉是不是没了。

再升级主题时会考虑添加选项，自主选择是否开启图片延迟加载功能。

]]> http://zmingcx.com/feeling-of-the-card-on-the-the-hotnews-theme-to-open-the-page.html/feed 117 单篇文章嵌入不同的RSS或Atom feed地址 http://zmingcx.com/the-embedded-in-the-rss-or-atom-feed-address.html http://zmingcx.com/the-embedded-in-the-rss-or-atom-feed-address.html#comments Sat, 11 Feb 2012 04:33:28 +0000 知更鸟 http://zmingcx.com/?p=4870 该功能主要用于转载文章时，为了尊重原文作者，也为了方便自己和其他阅读者及时掌握原文作者最新文章动态而折腾的一个小功能。

WordPress可以通过使用下面代码，在任意位置调用不同的RSS或Atom feed地址条目，代码来自：官方Codex

  1. <?php   
  2. include_once(ABSPATH . WPINC . '/rss.php');   
  3. wp_rss($uri, $num);   
  4. ?>   

在此基础上，利用Wordpress自定义栏目功能，改进后的代码：

  1. <?php if ( get_post_meta($post->ID, 'feed', true) ) : ?>   
  2. <p class="feeds" style="font-weight:bold;">本文作者最新文章</p>   
  3. <?php include_once(ABSPATH.WPINC.'/rss.php');?>   
  4. <?php $feed = get_post_meta($post->ID, 'feed', true); ?>   
  5. <?php wp_rss($feed, 5); ?>   
  6. <?php endif; ?>  

将该代码加到主题文章页面模版single.php的适当位置，一般放到：

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

的下面，也就是文章末尾。

使用方法：

编辑文章时，在自定义栏目名称中输入：feed，值：为调用的RSS或Atom feed链接地址。

默认显示5篇RSS地址最新文章，可以自行修改其中的数字，不添加自定义栏目“feed”则不显示该内容。

具体效果演示如下：调用的Wordpress官网博客FEED

]]> http://zmingcx.com/the-embedded-in-the-rss-or-atom-feed-address.html/feed 53 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 56 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 52 为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中文博客文章字数统计代码

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

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

这个评论可见功能参见：WordPress博客评论可见实现方法

]]> http://zmingcx.com/statistics-for-wordpress-article-length.html/feed 153