话说2011年已经过去快三天了,我却一直在低调中度过,也没有发博文感慨,也很少串门。不过,今天下终于不再沉默了,我要发表我2011年的第一篇文章了!这么重要的第一次给谁呢?当然是深爱的Wp了,嘿嘿。

记得有句话说:男人,要对自己好一点。而这句话延伸到wp上就可以说:博主,要对自己好一点。怎么个好法?让自己的博客同时也为自己方便呗。以前我弄的很多文章都是关于提高访客体验什么的。不过今天这篇主要是为自己方便的。

对于一个人气比较旺的博客,或者博主长时间不能回复的博客,后台回复显得尤为重要,既然用后台的回复,就也要实现前台回复的一些个性功能了。

本文依旧转载,原文出自阿邙'S Blog,文章末尾附原文出处。只做备忘,高手从略。

WP后台回复强化:添加表情及快捷键回复

首先说说快捷键(Ctrl+Enter)回复

如果你是以为QQ聊天爱好者,如果你是一位常常混迹于论坛博客的,你对这个快捷键肯定不会陌生,非常的方便。也许大家都有所了解前台评论如何加快捷键回复了,我在这里再简单加上后台的快捷回复功能。

1、前台评论快捷回复(具体可我的评论框一试究竟)

在主题的comments.php文件中找到<textarea>,然后在括号内加上:

onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"

类似于:

<p><textarea name="comment" id="comment" tabindex="4" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea></p>

好了,然后可以给访客加个提示,具体位置自己定吧,我是这样加的:

<input name="submit" type="submit" id="submit" tabindex="5" value="提 交 (Ctrl+Enter)" />

2、后台评论快捷键回复

这个和前台的原理一样,只不过需要用JQuery(你的主题必须加载了jquery,如果没有加载可以到这里看看,我提到过的哦)

代码如下:

<script type="text/javascript">
jQuery(document).ready(function($){
//后台评论的Ctrl+Enter快捷键提交
$("#replycontent").keydown(function(event){
//判断,如果你在点击ctrl的同时点击回车键(13)那么我就让提交按钮生效
if(event.ctrlKey && event.keyCode == 13)
{
//模拟提交按钮被点击,当然就是提交评论内容了
$("#replybtn").click();
}
});
});
</script>

将以上代码插入到wp-admin/edit-comments.php文件,在其中合适位置加上上面的代码即可,我是加在第485(版本3.0.3)也就是最后一个</div>之后了。

接下来是评论回复表情(如果你的前台没有添加这个可以参看这篇文章:《WordPress添加评论表情(免插件)》)

用到的代码也就是我文中所用的smiley.php的代码,下边我也贴上,方便大家copy:

<div>
<script type="text/javascript" language="javascript">
/* <![CDATA[ */
function grin(tag) {
var myField;
tag = ' ' + tag + ' ';
if (document.getElementById('replycontent') && document.getElementById('replycontent').type == 'textarea') {
myField = document.getElementById('replycontent');
} else {
return false;
}
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = tag;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ tag
+ myField.value.substring(endPos, myField.value.length);
cursorPos += tag.length;
myField.focus();
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
}
else {
myField.value += tag;
myField.focus();
}
}
/* ]]> */
</script>
<p style="cursor:pointer;">
<a onclick="javascript:grin(':mrgreen:')"><img src="/wp-includes/images/smilies/icon_mrgreen.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':razz:')"><img src="/wp-includes/images/smilies/icon_razz.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':sad:')"><img src="/wp-includes/images/smilies/icon_sad.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':smile:')"><img src="/wp-includes/images/smilies/icon_smile.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':oops:')"><img src="/wp-includes/images/smilies/icon_redface.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':grin:')"><img src="/wp-includes/images/smilies/icon_biggrin.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':eek:')"><img src="/wp-includes/images/smilies/icon_surprised.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':???:')"><img src="/wp-includes/images/smilies/icon_confused.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':cool:')"><img src="/wp-includes/images/smilies/icon_cool.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':lol:')"><img src="/wp-includes/images/smilies/icon_lol.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':mad:')"><img src="/wp-includes/images/smilies/icon_mad.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':twisted:')"><img src="/wp-includes/images/smilies/icon_twisted.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':roll:')"><img src="/wp-includes/images/smilies/icon_rolleyes.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':wink:')"><img src="/wp-includes/images/smilies/icon_wink.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':idea:')"><img src="/wp-includes/images/smilies/icon_idea.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':arrow:')"><img src="/wp-includes/images/smilies/icon_arrow.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':neutral:')"><img src="/wp-includes/images/smilies/icon_neutral.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':cry:')"><img src="/wp-includes/images/smilies/icon_cry.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':?:')"><img src="/wp-includes/images/smilies/icon_question.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':evil:')"><img src="/wp-includes/images/smilies/icon_evil.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':shock:')"><img src="/wp-includes/images/smilies/icon_eek.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<a onclick="javascript:grin(':!:')"><img src="/wp-includes/images/smilies/icon_exclaim.gif" alt="WP后台回复强化:添加表情及快捷键回复" /></a>
<br />
</p>
</div>

将以上代码复制到wp-admin/includes/template.php文件,在大概2245行找到:

<div id="replyhead" style="display:none;"><?php _e('Reply to Comment'); ?></div>

将代码放在<?php _e('Reply to Comment'); ?>后,</div>之前即可。

注意,如果你在表情上加上了alt的中文名字,请不要用,会出错,原因可能是编码格式问题。

最后是回复后加上“@用户名”(这一个我没有用到)

很多主题使用到了这一点,包括Mail To Computer等邮件回复通知插件也用到了,所以在这里说一下:

JQuery代码:

<script type="text/javascript">
jQuery(document).ready(function($){
//点击 reply 生成 @用户名 + 链接
$('.reply').click(function() {
var atid = '"#' + $(this).parent().parent().parent().attr("id") + '"';
var atname = $(this).parent().parent().parent().find('strong:first').text();
$("#replycontent").attr("value","<a href=" + atid + ">@" + atname + "</a>").focus();
});
});
</script>

同样和上边的Ctrl+Enter回复一样,放在wp-admin/edit-comments.php文件中的相关位置。

原文地址:阿邙'S Blog>>WordPress之强化后台评论回复页面

这两天真冷啊,貌似南方很多地方下冻雨了都,不管怎么样,朋友们在寒冷的季节多注意保暖。

60,751
更新日期: 2011-01-03
文章标签: ,,,
文章链接: http://www.xishao.net/wp/547.html
站方声明: 除特别标注, 本站所有文章均为原创, 互联分享, 尊重版权, 转载请注明.