建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
WordPress评论表情启用以及自定义表情
发布日期:2011-09-07 阅读次数:700 字体大小:

虽然有插件可以自定义表情,但是由于用的线路不是很好,不想装太多插件,所以找了下其他办法。

1.进入后台-设置-撰写-格式:

“转换如 :-):-P 等文本表情符号为图像”。

打勾选中,启用表情。

2.有些主题默认是没有启用Wordpress表情的,此时要先启用,将下面这段代码加到主题文件的comment.php的以下位置:

<!–<p><small><strong>XHTML:</strong> You can use these tags: <code><?php echo allowed_tags(); ?></code></small></p>—>

<!—smilies—>

<?php function wp_smilies() {global $wpsmiliestrans;if ( !get_option(‘use_smilies’) or (empty($wpsmiliestrans))) return;$smilies = array_unique($wpsmiliestrans);$link=”;foreach ($smilies as $key => $smile) {$file = get_bloginfo(‘wpurl’).’/wp-includes/images/smilies/’.$smile;$valuehttp://www.chinaz.com/web/2011/0907/= " ".$key." ";$img = "<img src=http://www.chinaz.com/web/2011/0907//"{$file}\" alt=\"{$smile}\" />";$imglink = htmlspecialchars($img);$link .= "<a href=http://www.chinaz.com/web/2011/0907//"#commentform\" title=\"{$smile}\" onclick=\"document.getElementById(‘comment’).value += ‘{$value}’\">{$img}</a>&nbsp;";}echo ‘<div class="wp_smilies">’.$link.’</div>’;}?><?php wp_smilies();?>

<!—smilies—>

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

找到合适的位置,把斜体部分的代码贴进去即可。

3.自定义表情

如果不用自定义表情的话,完成上面的步骤就可以在评论中使用表情,但是显然这是不够的,我始终认为一个博客使用的表情代表一个博主的兴趣取向(注意,不是性取向,hoho)。

首先,修改表情目录,这主要是避免如果之前是用自定义表情覆盖默认表情,重新安装Wordpress之后,自定义表情会被覆盖,修改方法:

实现方法:在你主题的functions.php中添加如下代码:

add_filter('smilies_src','custom_smilies_src',1,10);
function custom_smilies_src ($img_src, $img, $siteurl){
    return get_bloginfo('template_directory').'/img/smilies/'.$img;
}

注:此处的表情目录是:/img/smilies/

其次,下载,smiley.rar,将其解压缩并上传至主题所以文件夹下。在 comments.php 的 textarea 之前的适当位置加入以下代码:

<?php include(TEMPLATEPATH . ‘/smiley.php’); ?>

基本就是这样了。

原文地址:http://jfond.com/?p=592