知更鸟

关于HotNews主题很“卡”的感觉

知更鸟 — Mon, 13 Feb 2012 18:48:37 +0800

很多使用HotNews主题的朋友，都有一个感觉：打开博客后向下滑动页面，会很“卡”，普遍会认为是主题功能复杂或者是自己的主机空间不给力造成的，其实与此无关。

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

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

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

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

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

删除。

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

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

单篇文章嵌入不同的RSS或Atom feed地址

知更鸟 — Sat, 11 Feb 2012 12:33:28 +0800

该功能主要用于转载文章时，为了尊重原文作者，也为了方便自己和其他阅读者及时掌握原文作者最新文章动态而折腾的一个小功能。

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

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

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

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

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

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

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

使用方法：

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

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

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

jQuery实现侧边栏随窗口滚动

知更鸟 — Tue, 07 Feb 2012 12:09:32 +0800

近日帮人作主题要求弄个侧边栏某个模块随窗口一起滚动，可能其他童鞋也想给主题加上这个小功能，贴出来，供大家参考。

方法一：

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

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

<script type="text/javascript">
$(function() {
var $sidebar = $("#sidebar"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
</script>

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

演示效果

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

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

方法二：

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

WordPress博客评论可见实现方法

知更鸟 — Mon, 06 Feb 2012 21:29:28 +0800

之前帮别人测试评论可见功能，并在上一篇文章《为WordPress添加文章字数统计》中试用一下，感觉还是很不错的实用功能，可以增加一下访客的评论积极性，也可能会增加一大堆无用的垃圾留言，在论坛上很常见的功能，用多了可能让人产生厌恶。不过很多童鞋对此很感兴趣，所以把实现方法贴过来。

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

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

一些隐藏内容

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

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

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

function reply_to_read($atts, $content=null) {
extract(shortcode_atts(array("notice" => '<p class="reply-to-read">温馨提示: 此处内容需要<a href="#respond" title="评论本文">评论本文</a>后才能查看.</p>'), $atts));
$email = null;
$user_ID = (int) wp_get_current_user()->ID;
if ($user_ID > 0) {
$email = get_userdata($user_ID)->user_email;
//对博主直接显示内容
$admin_email = "xxx@aaa.com"; //博主Email
if ($email == $admin_email) {
return $content;
}
} else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) {
$email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]);
} else {
return $notice;
}
if (empty($email)) {
return $notice;
}
global $wpdb;
$post_id = get_the_ID();
$query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1";
if ($wpdb->get_results($query)) {
return do_shortcode($content);
} else {
return $notice;
}
}
add_shortcode('reply', 'reply_to_read');

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

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

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

或者

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

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

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

为WordPress添加文章字数统计

知更鸟 — Mon, 06 Feb 2012 07:56:15 +0800

WordPress在后台编辑日志时编辑框左下角有一个字数统计，不过只显示在后台，能不能在前台也加上文章字数统计功能呢？研究了一下程序源文件，发现中文版WP后台的字数统计功能，是通过wp-content\languages目录的zh_CN-word-count.js实现的，就是不知道如何调用。网上搜了一下，找到两篇老外给出的代码：

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

function count_words($str){
$words = 0;
$str = eregi_replace(" +", " ", $str);
$array = explode(" ", $str);
for($i=0;$i < count($array);$i++)
{
if (eregi("[0-9A-Za-zÀ-ÖØ-öø-ÿ]", $array[$i]))
$words++;
}
return $words;
}

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

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

原文

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

// Custom functions
// START : Show word count
function show_post_word_count(){
ob_start();
the_content();
$content = ob_get_clean();
return sizeof(explode(" ", $content));
}
// END : Show word count
// START : Estimated reading time
if (!function_exists('est_read_time')):
function est_read_time( $return = false) {
$wordcount = round(str_word_count(get_the_content()), -2);
$minutes_fast = ceil($wordcount / 250);
$minutes_slow = ceil($wordcount / 150);
if ($wordcount <= 150) {
$output = __("< 1 minute");
} else {
$output = sprintf(__("%s - %s minutes"), $minutes_fast, $minutes_slow);
}
echo $output;
}
endif;
if (!function_exists('est_the_content')):
function est_the_content( $orig ) {
// Prepend the reading time to the post content
return est_read_time(true) . "\n\n" . $orig;
}
endif;
// END : Estimated reading time

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

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

原文

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

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

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

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

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

显示当前在线浏览人数

知更鸟 — Sat, 04 Feb 2012 17:20:19 +0800

随时了解一下当前有多少访客在浏览自己的站点，是不是也很有意思，Wordpress有类似的插件，比如：WP OnlineCounter、WP-User Online等，不过这些插件都会向数据库中写入数据，并频繁读取数据库，只为了实现这个蛋疼的小功能，不是很划算。

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

当前有 <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模版，加到：

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

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

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

揪出哪些插件在拖慢你的网站

知更鸟 — Sat, 04 Feb 2012 05:53:12 +0800

WordPress众多插件让人眼花缭乱，启用十个、二十个插件也是件很平常的事，你是否想知道到底这些插件对你的网站速度有多大的影响吗？

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

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

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

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

Hotnews Pro主题使用须知

知更鸟 — Thu, 02 Feb 2012 07:38:49 +0800

此文写给懒得看使用说明，偏偏喜欢不耻下问的童鞋！这些问题不知反反复复有多少人问过了，实在是不想回复了，划拉一块，怕大家眼神不好，我再把字弄大点，呵呵

安装主题前请禁用所有插件

特别是一些静态化缓存插件

设置分类ID无效

如果想设置CMS首页分类ID，每个分类至少应该不低于5、6篇文章，空站点就不要在那瞎忙活了，把文章凑齐了再说吧。

另外，主题不支持一篇文章属于多个分类。

下载安装

不要直接上传下载的压缩包，解压后上传里面的HotNewspro.zip，否则会提示样式表丢失

启用主题后布局错位

这个问题是问的最多的，主题使用说明中写的清清楚楚：

使用本主题先移除所有WP自带的小工具，或者给小工具加上标题，不然启用主题后布局会错位。

偏偏没人爱看，却很喜欢不耻下问。

另外一些刚接触WP的童鞋，可能会说我没加小工具啊！新建的博客、刚安装的WP程序，会自动把搜索小工具加到侧边，而且默认是无标题的，所以大多数新博客安装Hotnews Pro主题后，都会有布局错乱的情况。如图：

页脚导航及友情链接错位

这也是问的较多的，同样使用说明中写的一清二白：

主题顶部及页脚各有一个导航菜单，必须使用WP的“菜单”功能。顶部支持多级下拉菜单，底部不支持多级菜单，否则会造成错位。

分别给顶部及页脚导航添加不同的导航菜单，顶部支持多级，页脚不能有二级下拉菜单。

启用主题后必须到WP后台---外观----主题设置中，点一次“保存设置”

关于自定义栏目

HotNews主题部分功能需要通过添加自定义栏目来实现，比如指定显示缩略图、调用指定的文章等。但很多刚接触WP的童鞋在后台找了半天，也不知自定义栏目在哪，默认情况下自定义栏目选项会在文章编辑框下面，如图：

如果没有，可以打开右上角的“显示选项”，勾选“自定义栏目”即可，如图：

关于Post Views插件设置

虽然不一定非得安装Post Views统计插件，但不安装该插件会造成视频及相册模版竖排的日志信息缺失一项，视觉上不是很美观。
Post Views插件设置，最上面的三项选择如图：

用什么工具修改主题模版文件

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

还有些什么问题想到了再加....

另外，还可以参考此篇文章：http://zmingcx.com/hotnewspro24-problem-summary.html

Firefox 10长期支持版本正式发布,扩展静默升级

知更鸟 — Thu, 02 Feb 2012 02:02:11 +0800

Mozilla于本周二全球同步发布Firefox 10浏览器，新版本简化了插件兼容性，还实现支持扩展静默升级，即可自动禁用不兼容插件。

据悉，Firefox 10支持Windows, Mac和Linux平台。新版本大幅提升火狐扩展的兼容性，将默认兼容扩展版本升级，简化了火狐升级流程。

此外，兼容Firefox 4及更高版本火狐的插件在Firefox 10中被标记为兼容插件。Mozilla去年制定了Firefox每六周升级一次的产品升级政策。自从Mozilla采用更快速的产品升级政策以来，用户就经常抱怨插件不兼容，这主要是因为插件开发人员不能及时修改插件代码或至少将插件标记为适用于最新浏览器的插件。

而此在Firefox 10中，最大的变化就在于标记插件的兼容性，此前插件与新版Firefox不兼容的局面将不会出现。从Firefox 10开始，80%的插件将被标记为兼容。

除此之外，Firefox 10还为网站和网络应用引入了Mozilla全屏API，全屏API让开发者可以创建全屏游戏、视频体验和演示共享功能。

同时，Mozilla还宣布Firefox 10是首个“长期支持版本”(Extended Support Release，简称“ESR”)。长期支持版本是Mozilla专门为那些无法或不愿每隔六周就升级一次的企业打造。Firefox ESR版的升级周期为42周，而普通Firefox的升级周期为6周。

根据Mozilla的版本发布周期，Firefox 11将会提供更加快速的原生Android界面，并在6月5日发布的Firefox 13中实现完全静默升级。

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

知更鸟 — Wed, 01 Feb 2012 11:04:42 +0800

可能有些童鞋在使用《优化一下HotNews Pro主题SEO代码》中提供的优化代码后发现，用站长工具检测分类页面描述是空的，但查看源代码却显示有描述（description），不过描述内容前后有〈P〉〈/P〉标签，问题就在这了，搜索爬虫可能会认为这并非是文章的描述，所以并不抓取。

这个〈P〉〈/P〉标签是下面这句调用WP分类描述函数

<?php echo category_description( $categoryID ); ?>

自动生成的。

解决办法：

方法一，自动生成的〈P〉〈/P〉标签，是由WP程序文件default-filters.php第120行（wp版本3.31）：

add_filter( $filter, 'wpautop' );

这句代码自动添加的，删除即可，但需修改程序文件，不推荐。

方法二，用

<?php echo strip_tags(category_description($cat_ID)); ?>

替换上面调用分类描述代码。

方法三，把下面代码加到主题的functions.php模版文件中：

function deletehtml($description) {
$description = trim($description);
$description = strip_tags($description,"");
return ($description);
}
add_filter('category_description', 'deletehtml');

注：使用方法三后，会造成HotNews Pro主题侧边推荐栏目小工具的分类描述的〈P〉〈/P〉标签也一同消失，影响到排版。

主题搞复杂了就麻烦，牵一发而动全身。

解决办法：

打开HotNewspro\includes\widget目录的category_h.php找到：

<span class="cat_description"><?php echo category_description( $categoryID ); ?></span>

替换为：

<span class="cat_description"><p><?php echo category_description( $categoryID ); ?></p></span>

就是给描述部分手工再添加个〈P〉标签。

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

参考：

http://wordpress.org/support/topic/get-rid-of-p-tags-in-category_description

http://www.yangwo.net/98/