WordPress后台编辑器插入表情功能 ,你用WordPres程序写文章时如果要使用表情怎么办?又要去记住表情命令代码?还是复制表情图片添加到图片里?在文章里弄个表情浪费时间又麻烦,拽立网,直接添加一个撰写新文章表情功能,想要用什么表情点一下文章就有表情了,今天我把WordPress后台编辑器插入表情功能方法分享给大家,请看以下操作!

添加后的效果图!

WordPress后台编辑器插入表情功能-拽立网

1.登陆你的后台管理,选择【外观】-【编辑】-【模板函数 (functions.php)】

直接添加下面全部代码:【前面?>】

/*-----------------------------------------------------------------------------------*/	
/* WordPress后台编辑器插入表情
/*-----------------------------------------------------------------------------------*/
function loper_get_wpsmiliestrans(){ global $wpsmiliestrans;$wpsmilies = array_unique($wpsmiliestrans);
foreach($wpsmilies as $alt => $src_path){ $output .= '<a class="add-smily" data-smilies="'.$alt.'"><img class="wp-smiley" 
src="'.get_bloginfo('template_directory').'/images/smilies/'.rtrim($src_path, "gif").'gif" /></a>'; } return $output;}

2个代码都要添加进去!

/*-----------------------------------------------------------------------------------*/	
/* WordPress后台编辑器添加表情按钮
/*-----------------------------------------------------------------------------------*/
function loper_smilies_custom_button($context) { $context .= '<style>.smilies-wrap{background:#fff;border: 1px solid #ccc;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.24);padding: 10px;position: absolute;top: 60px;width: 380px;display:none}.smilies-wrap img{
height:24px;width:24px;cursor:pointer;margin-bottom:5px} .is-active.smilies-wrap{display:block}</style><a id="insert-media-button" 
style="position:relative" class="button insert-smilies add_smilies" title="添加表情" data-editor="content" 
href="javascript:;">添加表情</a><div class="smilies-wrap">'. loper_get_wpsmiliestrans() .'</div><script>jQuery(document).ready
(function(){jQuery(document).on("click", ".insert-smilies",function() { if(jQuery(".smilies-wrap").hasClass("is-active")){
jQuery(".smilies-wrap").removeClass("is-active");}else{jQuery(".smilies-wrap").addClass("is-active");}});
jQuery(document).on("click", ".add-smily",function() { send_to_editor(" " + jQuery(this).data("smilies") + " ");
jQuery(".smilies-wrap").removeClass("is-active");return false;});});</script>'; return $context; }
add_action('media_buttons_context', 'loper_smilies_custom_button');

提示:直接保存后自己写文章去测试一下!

提示:基本都调好了适合Loper主题,如果想用其他主题自己改表情路径!

WordPress后台编辑器插入表情功能
版权声明:本站原创文章,于2016年03月20日,由 拽立网 发表,共 2078 字。
打赏