活着 » wordpress http://www.yetlive.com 活着就好，认真生活每一天 Fri, 30 Dec 2011 13:17:12 +0000 en hourly 1 http://wordpress.org/?v=3.3 How to Build a Quote Function in WordPress Theme http://www.yetlive.com/post/1104.html http://www.yetlive.com/post/1104.html#comments Wed, 20 Jul 2011 02:23:34 +0000 认真生活 http://www.yetlive.com/?p=1104 Some times we need to quote others comments in our comment. So theme builder should consider to build this function in comments template. Here I want to share one solution to Build a Quote Function in Theme.

First, we need to custom comment template in functions. file.

Then put this JS code to your wordpress theme:

View Code PHP
(function() {
 
function $(id) {
	return document.getElementById(id);
}
window['RE'] = {};
window['RE']['$'] = $;
function quote(authorId, commentId, commentBodyId, commentBox) {
	var author = RE.$(authorId).innerHTML;
	var comment = RE.$(commentBodyId).innerHTML;
 
	var insertStr = '&lt; blockquote &gt;'; insertStr += '\n&lt; strong&gt;<a href="#' + commentId + '">' + author.replace(/\t|\n|\r\n/g, "") + '</a>:'; insertStr += comment.replace(/\t/g, ""); insertStr += '&lt; /blockquote&gt;\n';
insertQuote(insertStr, commentBox);
}
function insertQuote(insertStr, commentBox) { if(RE.$(commentBox) &amp;&amp; RE.$(commentBox).type == 'textarea') {
field = RE.$(commentBox);
 } else { alert("The comment box does not exist!");
return false;
} if(document.selection) {
field.focus();
sel = document.selection.createRange();
sel.text = insertStr;
field.focus();
} else if (field.selectionStart || field.selectionStart == '0') {
var startPos = field.selectionStart;
var endPos = field.selectionEnd;
var cursorPos = startPos;
field.value = field.value.substring(0, startPos) + insertStr + field.value.substring(endPos, field.value.length);
cursorPos += insertStr.length;
field.focus();
field.selectionStart = cursorPos;
field.selectionEnd = cursorPos;
} else {
field.value += insertStr; field.focus();
}
}
window['RE_CON'] = {};
window['RE_CON']['quote'] = quote; }
)
();

Then put a quote link in comments template.

View Code PHP
<a onclick="RE_CON.quote('commentauthor-<?php comment_ID() ?>', '< ?php echo $add_below-$comment->comment_ID ?>', 'body-<?php comment_ID() ?>', 'comment');" href="javascript:void(0);"> Quote </a>

commentauthor- and body- should be custom according to your template. You can even find some discount coupon codes to purchase software.

]]> http://www.yetlive.com/post/1104.html/feed 0 How to Use Mail To Commenter Plugin in Threaded Comments http://www.yetlive.com/post/1102.html http://www.yetlive.com/post/1102.html#comments Sun, 17 Jul 2011 01:22:38 +0000 认真生活 http://www.yetlive.com/?p=1102 Last post I told you to make wordpress theme support threaded comments. There is a simple idea. Copy the build-in template. But the idea can not work when you installed Mail to Commenter plugin and still want to use it in your threaded comments supported themes. So how to solve this problem? I’ll tell you the solution to use Mail to Commenter plugin in threaded comments.

In the \wp-includes\comment-template. you will find the code:

View Code PHP
onclick='return addComment.moveForm(\"$add_below-$comment-&gt;comment_ID\", \"$comment-&gt;comment_ID\", \"$respond_id\", \"$post-&gt;ID\")'

So if you want to use start Mail to Commenters function, you should edit this line. But you should remember one point. You need to judge the threaded comments levels deep. Here is the judgement function:

View Code PHP
if ( $max_depth

So I get the idea now. Mail to Commenter plugin will check the comments if there is a @user or @user: in it. If it find one, it will mail to comment author. So we need to add a Javascript on the “Reply” link. Here is the JS code:

View Code PHP
RE_CON.reply('&lt; ?php echo $add_below-$comment-&gt;comment_ID ?&gt;','&lt; ?php echo $comment-&gt;comment_ID ?&gt;','comment');

Then you should add this JS code to your theme:

View Code JAVASCRIPT
(function() {
function $(id) {
	return document.getElementById(id);
}
window['RE'] = {};
window['RE']['$'] = $;
function reply(authorId, commentId, commentBox) {
	var author = RE.$(authorId).innerHTML;
	var insertStr = '<a href="#' + commentId + '">@'+ author.replace(/\t|\n|\r\n/g, "")+':</a> \n';
	insertReply(insertStr, commentBox);
}
function insertReply(insertStr, commentBox) {
	if(RE.$(commentBox) &amp;&amp; RE.$(commentBox).type == 'textarea') {
		field = RE.$(commentBox);
	} else {
		alert("The comment box does not exist!");
		return false;
	}
	if (field.value.indexOf(insertStr) &gt; -1) {
		alert("You've already appended this reply!");
		return false;
	}
	if (field.value.replace(/\s|\t|\n/g, "") == '') {
		field.value = insertStr;
	} else {
		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;
	}
}
window['RE_CON'] = {};
window['RE_CON']['reply'] = reply;
})();

After this, we are now able to use Mail to Commenters in our threaded comments. My solution to Use Mail To Commenter Plugin in Threaded Comments is like this:

View Code PHP
&lt; ?php if(!function_exists('mailtocommenter_button')) {comment_reply_link(array_merge( $args, array('reply_text' =&gt; 'Reply', 'depth' =&gt; $depth, 'max_depth' =&gt; $args['max_depth'])));	} else if(function_exists('mailtocommenter_button')&amp;&amp; $depth
    <a class="comment-reply-link" onclick="onclick='return addComment.moveForm(' href=" rel="nofollow">comment_ID', '&lt; ?php echo $add_below-$comment-&gt;comment_ID ?&gt;', '&lt; ?php echo $respond_id ?&gt;', '&lt; ?php echo $post-&gt;ID ?&gt;')';RE_CON.reply('&lt; ?php echo $add_below-$comment-&gt;comment_ID ?&gt;','&lt; ?php echo $comment-&gt;comment_ID ?&gt;','comment'); "&gt; &lt; ?php _e('Reply'); ?&gt; </a>
    &lt; ?php } else { ?&gt;
    <a class="comment-reply-link" onclick="RE_CON.reply('< ?php echo $add_below-$comment->comment_ID ?>','< ?php echo $comment->comment_ID ?>','comment'); " href="javascript:void(0);" rel="nofollow"> &lt; ?php _e('Reply'); ?&gt; </a>
    <!--?php }?-->
]]> http://www.yetlive.com/post/1102.html/feed 0 How to make wordpress theme support threaded comment? http://www.yetlive.com/post/1101.html http://www.yetlive.com/post/1101.html#comments Tue, 12 Jul 2011 13:16:36 +0000 认真生活 http://www.yetlive.com/?p=1101 comments template is the most difficult part in building a theme. When it comes to make a threaded comments supported wordpress theme, comments template becomes more complex. However, there are many users like threaded comment as it show a clear relationship between each comments.

There is a simple idea: copy the build-in template if you are using a wordpress edition 2.7 or later. This methods may makes your template code not so harmonious with other parts. But if you don’t want to waste too much money on this part, you can use this method by just use the build-in function “wp_list_comments()” to display comments.

But I want to customize codes. Here is my solution to build a threaded comments supported wordpress theme.

Define customized comments codes in your wordpress theme file Function.. Then put this code into your comments. file: wp_list_comments(‘callback=custom_comments’)

In the function.php file, I just added codes as follows:

  $depth, 'max_depth' => $args['max_depth']))) ? >

The last step to show threaded comments is to turn on threaded comments support in “Discussion” tab in worpdress admin panel.

Based on many years of experience, Panerai Radiomir have now become a top level brand watch. They are prepared to offer you the finest condition watches. It will makes you stand out among your friends.

]]> http://www.yetlive.com/post/1101.html/feed 1 Start Gzip in .Htaccess to Speed Up Website http://www.yetlive.com/post/1091.html http://www.yetlive.com/post/1091.html#comments Sat, 25 Jun 2011 14:17:14 +0000 认真生活 http://www.yetlive.com/?p=1091 Gzip is to compress your webpage on server in order to your website. It will build a .gz zipped file on your server and then send it to webpage viewers. As the file is zipped, the download time will decrease a little. It also benefit for those websites which got a limited bandwidth. This post will tell you how to start Gzip by edit .htaccess.

There is a build in function in 2.5 and former edition. But 2.5 and over don’t added this function. So it’s the need to start Gzip by yourself. There are also some plugin help users do Gzip. Wp-Super-Cache is one of these plugins. However, I don’t want to cache my index page. So the index page is not Gzipped. And the idea to start Gzip by edit .htaccess will solve this problem.

If your server support ‘mod_deflate’ module, you can start Gzip by add this code to .htaccess file:

<ifmodule mod_deflate.c>
AddOutputFilter DEFLATE html xml js css
</ifmodule>

If you installed WP Super Cache, you should turn off cache function in order to avoid conflict. I had used this idea on my website. It works fine on my site now.

]]> http://www.yetlive.com/post/1091.html/feed 0 博客中Tag的应用及其误区 http://www.yetlive.com/post/1053.html http://www.yetlive.com/post/1053.html#comments Sat, 11 Dec 2010 08:58:30 +0000 认真生活 http://www.yetlive.com/?p=1053 关于博客的标签应用，很多人可能会存在不同的误解。很多的SEO文章中都会介绍到要避免Wordpress中tag页被收录，从而减少重复内容，对于这样的说法，我曾经的做法就是在制作模板的过程中直接将Tag标签一项隐去，或者对Tag链接采用nofollow的策略，然而这样的做法其实是非常不利于搜索引擎优化的，本文就将介绍TAG标签的作用及其使用方法，提醒博主避免TAG应用的误区。

1、标签的第一个作用在于更精确的控制博客文章分类

tag很明显的一个作用在于补充Category的功能，在控制分类数量的同时更精确的归类所有博客文章，更方便读者分辨文章是否值得阅读，也更方便用户的搜索。

2、tag的作用在于利于Google的索引及对博客的自动归类

对于任何的网站，搜索引擎都有一个自动归类的过程。简单的比方如在Google或者其他搜索引擎中edu域名权重相对较高，关于内容方面则科技类站点权重较高。搜索引擎归类一个博客固然是根据文章内容来判断，然而在这一过程中，文章标签也有很大作用，设置良好的tag结构能够方便Google的识别，对于新站来说好处在于能够快速的跳出沙盒期。www.yetlive.com

3、在使用Tag的过程中如何避免重复页面

如上所述，tag的添加一定程度增加了搜索引擎收录重复内容的风险，这在很多的seo文章中是极力排斥的，然而Tag的好处是显而易见的，用户当然希望两者都能得到平衡。既然Wordpress或者Zblog等大量的博客系统都会提供Tag这样一个选项，自然会有其道理。

解决tag页面被收录其实也很简单，使用noindex即刻可。在Wordpress里面可以简单的利用判断语句判断页面是否是tag页，tag页则可以加入<meta name=”robots” content=”noindex” />这样的标签从而有效控制tag页面被收录的问题。

SEO中常见误区：Noindex=网页不会被爬行

笔者曾经避免重复内容的做法就是在Tag链接中加入Nofollow标签，目的在于不让Google爬行tag页，从而控制tag页不被收录，这样的后果其实是让Google更难以理解博客结构，而如果能让tag页也让蜘蛛爬行则能令Google或者其他的搜索引擎更有效率的遍历网站所有的链接，避免重复收录同时让Google爬行的方式便是：noindex, follow。Follow你的tag标签但不收录tag页面。

对于noindex的作用，鄙人之前想当然的以为导致搜索引擎不爬行，然而根据资料，noindex的作用仅在于告诉搜索引擎不收录（百度可能会不遵守……），使用noindex的页面仍然会得到有效的爬行，于是对tag页使用nofollow标签能更好的利用整站的收录。

备注：

沙盒期：对于个人的理解，沙盒期其实是搜索引擎归类站点的一个时期。新站因为还来不及归类，相对权重都会较高

本站的Tag结构并不值得大家学习，本站在设置tag的过程中很大部分考虑了Tag标签不能太多的一个因素，因而导致tag结构不合理的后果。

]]> http://www.yetlive.com/post/1053.html/feed 9 用WordPress短代码在博客任意部分添加广告 http://www.yetlive.com/post/970.html http://www.yetlive.com/post/970.html#comments Mon, 03 May 2010 01:26:41 +0000 认真生活 http://www.yetlive.com/?p=970 其实不怎么满意现在文内广告的位置，本来是想通过判断WP中的more标签位置插入广告的，奈何自己总是很懒，加上毕业设计的任务压在头上，也就作罢了，忽然想起WP的短代码功能似乎可以实现此功能，于是翻了翻WordPress Popular Posts的代码，找出了此段代码，这样就可以轻松在博客文章或者WordPress侧栏中任意位置添加Adsense广告了。

代码很简单，把以下的代码加入到主题的functions.php中：

function showad() {
return ’<div class=”advertise”>
//这里放你的Adsense广告代码
</div>’;
}
add_shortcode(‘advertise’, ’showad’);

然后在你想要植入Adsense广告的地方添加[advertise]即可。

通过以上简短的代码可以看出，add_shortcode();中第二个参数为需要添加的函数，第一个参数为使用短代码功能是方括号中应当包含的部分，而return ”语句的两个单引号之间可以放任何你想要放的代码，也就是说短代码不光能够控制广告的位置，也可以实现很多其他的功能，比如我现在用到的WordPress Popular Posts插件和Clean Archives Reloaded插件中都应用到了这个功能。

]]> http://www.yetlive.com/post/970.html/feed 41 .htaccess中开启Gzip加速网页展示 http://www.yetlive.com/post/968.html http://www.yetlive.com/post/968.html#comments Wed, 28 Apr 2010 06:33:24 +0000 认真生活 http://www.yetlive.com/?p=968 Gzip的作用简单点说起来就相当于将服务器上的文件压缩为一个.gz后缀的文件，类似将文件压缩成.zip格式，然后将.gz格式的文件再发送给浏览器，由于压缩后文件大小减少了很多，因而能起到提速的功能，也能减少服务器流量，对于页面文件比较大或者类似活着这种服务器在国外的时候，开启Gzip功能是很有效的加快网站打开速度的解决方法。本文会介绍的是在.htaccess中启用Gzip的方法。

2.5版本以前自带了Gzip功能，也就无需理会以下的操作，另外wordpress中还有些其他的插件能够实现此功能，如wp super cache就能设置开启Gzip提速。本站其实使用了wp super cache插件，然而为了能够保证首页能够在更新文章或评论后第一时间显示出来，也就并未缓存首页，于是首页速度就会下降。为了能够把所有的页面都通过Gzip提速，折腾了很久总算是找到了一个最简单的方法，在.htaccess中启用Gzip，比起php启用Gzip的方法绝对省事很多。

只要在.htaccess文件中加入如下片段即可，当然一下代码需要主机有mod_deflate模块：

<ifmodule mod_deflate.c>
AddOutputFilter DEFLATE html xml js css
</ifmodule>

添加好以上的代码片段之后需要在WP Super Cache插件的后台设置中禁用压缩功能，因为.htaccess中的代码保证所有的文件都经过压缩了，这里不要重复做此步骤了。

目前本站所有页面都通过上述方法进行Gzip压缩了，各位有没有感觉到首页速度加快了呢？

]]> http://www.yetlive.com/post/968.html/feed 25 如何让WP主题同时支持嵌套评论与邮件回复 http://www.yetlive.com/post/926.html http://www.yetlive.com/post/926.html#comments Fri, 09 Apr 2010 07:35:13 +0000 认真生活 http://www.yetlive.com/?p=926 ‘会根据主题而不同例如WP自带的评论回复中该项就是’div-comment-’。而另外一个’respond‘可能会根据不同主题不同，没有过多研究，各位可以自己尝试下。www.yetlive.com 也就是说自定义的时候只要修改下此处就好了，其中还要注意到的一个问题就是判断支持几层嵌套，当嵌套层数超出了WP后台设置的深度时则需要做相应处理，研究了WP的comment-template.php代码后，可以得到如下的方法判断是否已经超出嵌套层数： View Code PHP if( $depth<get_option('thread_comments_depth')) 有了这些基础之后，就需要再为此回复链接带上邮件回复触发机制，大家知道Mail to Commenter插件会识别回复中是否存在@user [...]]]> 本着折腾到底不罢休的精神，又给博客做了个手术，这手术做的可不轻松，啃下了WP最艰难的部分。本次修改主要是为了支持嵌套回复，也是为了提高用户体验的一个重大举措吧，其实要纯粹的支持嵌套回复功能倒是简单，然而同时要正常使用ThinkAgain的Mail to Commenter插件来邮件回复的时候，问题就会随之而来了。昨晚折腾到半夜三点，终究是把问题给解决了。关键点在于如何让主题支持嵌套以及如何支持邮件回复。文章末尾有全套代码！

让WP主题支持嵌套回复

首先要解决的是让主题嵌套回复，WP2.7版本后就支持此功能，这里可以参考mg12的WordPress 嵌套回复一文。最简单的方法是使用Wordpress自带的wp_list_comments()来自动解决，然而由于wp自带的wp_list_comments()代码稍嫌臃肿且无法自定义，这时候就需要在模板的function.php文件中来自定义评论显示方法，并在comments. 中利用wp_list_comments(‘callback=custom_comments’)来显示自定义评论。

在自定义的评论显示方法中，只需要添加如下代码即可：

View Code PHP
 < ?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>

之后在后台设置中允许嵌套回复就可以了。

让回复功能支持Mail to Commenter插件的邮件回复

以上已经介绍了如何让主题支持嵌套回复了，然而以上的方法无法进行自定义，因此也就无法添加邮件回复所需的触发函数，于是我们需要对以上的方法进行适当的修改，通过研究代码，可以看到“回复”的链接实际上有类似这样的代码：

View Code PHP
onclick="addComment.moveForm('comment-< ?php comment_ID() ?>','< ?php comment_ID() ?>', 'respond', '< ?php echo $post->ID; ?>');"

其中的’comment-< ?php comment_ID() ?>‘会根据主题而不同例如WP自带的评论回复中该项就是’div-comment-’。而另外一个’respond‘可能会根据不同主题不同，没有过多研究，各位可以自己尝试下。www.yetlive.com

也就是说自定义的时候只要修改下此处就好了，其中还要注意到的一个问题就是判断支持几层嵌套，当嵌套层数超出了WP后台设置的深度时则需要做相应处理，研究了WP的comment-template.php代码后，可以得到如下的方法判断是否已经超出嵌套层数：

View Code PHP
 if( $depth<get_option('thread_comments_depth'))

有了这些基础之后，就需要再为此回复链接带上邮件回复触发机制，大家知道Mail to Commenter插件会识别回复中是否存在@user 或者@user：来自动回复邮件，那么就需要为链接上加上一点Javascript代码让其有此功能，我研究了inove的JS代码后，借用如下：

View Code PHP
RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment');

然后需要在主题的头部调用外部JS文件，此JS文件中加入如下代码：

View Code JAVASCRIPT
(function() {
function $(id) {
	return document.getElementById(id);
}
window['RE'] = {};
window['RE']['$'] = $;
function reply(authorId, commentId, commentBox) {
	var author = RE.$(authorId).innerHTML;
	var insertStr = '<a href="#' + commentId + '">@'+ author.replace(/\t|\n|\r\n/g, "")+':</a> \n';
	insertReply(insertStr, commentBox);
}
function insertReply(insertStr, commentBox) {
	if(RE.$(commentBox) &amp;&amp; RE.$(commentBox).type == 'textarea') {
		field = RE.$(commentBox);
	} else {
		alert("The comment box does not exist!");
		return false;
	}
	if (field.value.indexOf(insertStr) &gt; -1) {
		alert("You've already appended this reply!");
		return false;
	}
	if (field.value.replace(/\s|\t|\n/g, "") == '') {
		field.value = insertStr;
	} else {
		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;
	}
}
window['RE_CON'] = {};
window['RE_CON']['reply'] = reply;
})();

之后，我们的嵌套回复于邮件回复功能就可以实现了。于是我最终的方法就如下了，也是本主题中用到的方法：

View Code PHP
< ?php if(!function_exists('mailtocommenter_button')) {comment_reply_link(array_merge( $args, array('reply_text' => 'Reply', 'depth' => $depth, 'max_depth' => $args['max_depth'])));	} else if(function_exists('mailtocommenter_button')&& $depth<get_option('thread_comments_depth')) { ?>
    <a  rel='nofollow' class='comment-reply-link' href="javascript:void(0);" onclick="addComment.moveForm('comment-<?php comment_ID() ?>','< ?php comment_ID() ?>', 'respond', '<?php echo $post->ID; ?>');RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment'); ">
    < ?php _e('Reply'); ?>
    </a>
    < ?php } else { ?>
    <a  rel='nofollow' class='comment-reply-link' href="javascript:void(0);" onclick="RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment'); ">
    < ?php _e('Reply'); ?>
    </a>
    <?php }?>

其实在本人的修改中添加了对是否存在邮件回复插件的判断，其实如果是自己用的话不判断也可以，为了方便大家的使用才做了这样的处理，至于说到JS文件，可以自己打开http://www.yetlive.com/wp-content/themes/simpleblue/js/common.js复制粘贴。

]]> http://www.yetlive.com/post/926.html/feed 32