让你的wordpress博客显示评论表情

先啰嗦一句,今天得闲,把之前想发布的博文一次都发出来了,那个感觉,真是爽啊~ 由于我用的主题默认没有评论表情。所以评论的时候觉得一点也不生动,很早以前就想加一个评论表情了,一直没时间,今天有时间,在弄好《解决windows主机上的wordpress邮件回复通知功能》之后,就立马着手评论表情的事情。

【理论】我是这样认为的,在wordpress程序的\wp-includes\images\smilies文件夹下,就是评论表情图标的存放地点,既然wordpress程序自带评论表情图标,说明wordpress默认是支持评论表情的,我们有的博客上面看不到评论表情,只是博客主题默认不显示评论表情而已!那我们要做的是什么呢?我们要做的就是添加一段代码,让博客主题可以显示评论表情就可以了!

在西门的后花园找到了解决的办法,转WordPress论坛17行代码添加评论表情

在你博客主题文件夹下面找到comments.php,在合适的地方加上:

<!–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;

$value = ” “.$key.” “;

$img = “<img src=\”{$file}\” alt=\”{$smile}\” />”;

$imglink = htmlspecialchars($img);

$link .= “<a href=\”#commentform\” title=\”{$smile}\” onclick=\”document.getElementById(‘comment’).value += ‘{$value}’\”>{$img}</a>&nbsp;”;

}

echo ‘<div>’.$link.’</div>’;

}

?>

<?php wp_smilies();?>

<!–smilies–>

感觉还是贴在填写用户名称互邮箱那里比较好看一点,怕有些人看不懂,我把我的贴出来!

<p><label for=”author”>姓名:</label><input type=”text” name=”author” id=”author” value=”<?php echo $comment_author; ?>” /><?php if ($req) echo “<em>必填</em>”; ?></p>

<p><label for=”email”>邮箱:</label><input type=”text” name=”email” id=”email” value=”<?php echo $comment_author_email; ?>” /><?php if ($req) echo “<em>必填</em>”; ?></p>

<p><label for=”url”>主页:</label><input type=”text” name=”url” id=”url” value=”<?php echo $comment_author_url; ?>” /></p>

</fieldset>

<?php endif; ?>

<!–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;

$value = ” “.$key.” “;

$img = “<img src=\”{$file}\” alt=\”{$smile}\” />”;

$imglink = htmlspecialchars($img);

$link .= “<a href=\”#commentform\” title=\”{$smile}\” onclick=\”document.getElementById(‘comment’).value += ‘{$value}’\”>{$img}</a>&nbsp;”;

}

echo ‘<div>’.$link.’</div>’;

}

?>

<?php wp_smilies();?>

<!–smilies–>

绿色部分就是我主题的填写用户名和邮箱主页的地方的代码,红色部分的就是稳重所提到的代码,把它下载绿色代码下面就可以了!

修改主题文件夹下面的CSS文件,里面加一句

#smilelink{cursor:pointer; width:465px;}

如果你不喜欢wordpress程序自带的那款表情的话,你可以自己替换,我的表情是在西门的后花园那里下载的,具体点击这里 解压下载好文件,得到smilies文件夹,把smilies文件夹上传到\wp-includes\images\覆盖原有的smilies文件夹,这时你要做的就是双薪你的博客,怎么样?看到新的评论表情在向你招手了吧!

注:此种方法是把评论表情放在wordpress程序文件夹中,每次程序升级的时候都要重新设置一遍!

以上文章是我在13年左右的时候写的,很多东西有可能失效,所以我还是比较推荐下面的这种方法。

↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓     ↓

                            我是一条新鲜的分割线                            

2015年更新另外一种方法。

这种方法是把评论表情放在主题文件夹下,wordpress升级不会有影响,但是如果主题升级的话应该会有影响,但是比几个主题升级的机会不是很多,所以说还是放在主题文件夹下更方便一点,这种方法应该更适合我。

下载smiley文件

把smiley.php文件上传到你所使用的主题的根目录,smilies文件夹上传到你的主题的images目录下,然后在comments.php 的 textarea 之后的适当位置加入以下代码:

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

在functions.php中添加如下代码:

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

以上是两种不同的方法,选择哪一种就看你自己了!

©版权声明:本文为【威武中国】(V5CHINA.COM)原创文章,转载时请注明出处!
>原文链接地址: https://www.v5china.com/show-your-wordpress-blog-comments-expressions.html
上一篇
下一篇