给WordPress添加Alu(阿鲁)表情

WordPress

给WordPress添加Alu(阿鲁)表情

WP Alu

WP Alu 是 BigFa 开发的一款 WordPress 表情插件,可以方便的添加阿鲁表情。这个插件并没有上传到官方目录,所以直接在中查看。重写后插件不再依赖 jquery,几乎不对对网页加载速度造成任何影响。
Github 地址

使用方法

如果你的主题评论表单使用的是comment_form则上传激活插件即可。
否则在相应的地方使用如下代码调用

<p class="comment-form-smilies"><?php echo alu_get_wpsmiliestrans();?></p>

代码版

因为不太喜欢插件过多,所以使用代码来加载表情。
将以下代码添加至 function.php 中:

//ALU 表情//
/********************/
<?php
function alu_scripts(){
    wp_enqueue_style( 'alu', ALU_URL . "//path/ALU/style.css" , array(), ALU_VERSION );
    wp_enqueue_script( 'alu', ALU_URL . "//path/ALU/index.js" , array(), ALU_VERSION );
}
add_action('wp_enqueue_scripts', 'alu_scripts', 20, 1);
add_filter('smilies_src', 'alu_smilies_src', 1, 10);
function alu_smilies_src($img_src, $img, $siteurl) {
    $img = rtrim($img, "gif");
    return ALU_URL . '//path/ALU/img' . $img . 'gif';
}
function alu_get_wpsmiliestrans() {
    global $wpsmiliestrans;
    $wpsmilies = array_unique($wpsmiliestrans);
    $output = '';
    foreach ($wpsmilies as $alt => $src_path) {
        //$emoji = str_replace(array('&#x', ';'), '', wp_encode_emoji($src_path));
        $output .= '<a class="add-smily" data-action="addSmily" data-smilies="' . $alt . '"><img class="wp-smiley" src="' . ALU_URL . '//path/ALU/img/' . $src_path .'" /></a>';
    }
    return $output;
}
function alu_smilies_reset() {
    global $wpsmiliestrans, $wp_smiliessearch;
// don't bother setting up smilies if they are disabled
    if ( !get_option( 'use_smilies' ) )
        return;
    $wpsmiliestrans = array(
        ':mrgreen:' => 'icon_mrgreen.gif',
        ':neutral:' => 'icon_neutral.gif',
        ':twisted:' => 'icon_twisted.gif',
        ':arrow:' => 'icon_arrow.gif',
        ':shock:' => 'icon_eek.gif',
        ':smile:' => 'icon_smile.gif',
        ':???:' => 'icon_confused.gif',
        ':cool:' => 'icon_cool.gif',
        ':evil:' => 'icon_evil.gif',
        ':grin:' => 'icon_biggrin.gif',
        ':idea:' => 'icon_idea.gif',
        ':oops:' => 'icon_redface.gif',
        ':razz:' => 'icon_razz.gif',
        ':roll:' => 'icon_rolleyes.gif',
        ':wink:' => 'icon_wink.gif',
        ':cry:' => 'icon_cry.gif',
        ':eek:' => 'icon_surprised.gif',
        ':lol:' => 'icon_lol.gif',
        ':mad:' => 'icon_mad.gif',
        ':sad:' => 'icon_sad.gif',
        '8-)' => 'icon_cool.gif',
        '8-O' => 'icon_eek.gif',
        ':-(' => 'icon_sad.gif',
        ':-)' => 'icon_smile.gif',
        ':-?' => 'icon_confused.gif',
        ':-D' => 'icon_biggrin.gif',
        ':-P' => 'icon_razz.gif',
        ':-o' => 'icon_surprised.gif',
        ':-x' => 'icon_mad.gif',
        ':-|' => 'icon_neutral.gif',
        ';-)' => 'icon_wink.gif',
        // This one transformation breaks regular text with frequency.
        //     '8)' => 'icon_cool.gif',
        '8O' => 'icon_eek.gif',
        ':(' => 'icon_sad.gif',
        ':)' => 'icon_smile.gif',
        ':?' => 'icon_confused.gif',
        ':D' => 'icon_biggrin.gif',
        ':P' => 'icon_razz.gif',
        ':o' => 'icon_surprised.gif',
        ':x' => 'icon_mad.gif',
        ':|' => 'icon_neutral.gif',
        ';)' => 'icon_wink.gif',
        ':!:' => 'icon_exclaim.gif',
        ':?:' => 'icon_question.gif',
    );
}
add_action('init','alu_smilies_reset');
add_filter( 'comment_form_defaults','alu_add_smilies_to_comment_form');
function alu_add_smilies_to_comment_form($default) {
    $commenter = wp_get_current_commenter();
    $default['comment_field'] .= '<p class="comment-form-smilies">' . alu_get_wpsmiliestrans() . '</p>';
    return $default;
}
/********************/
//ALU 表情//

注意以上//path替换成自己的路径。
其中//path中上传所下载的 style.css 和 index.css 以及所有表情图片。

更新

由于主面上并不输出评论内容,所以更改为仅在文章页和页面页中加载 css 及 js,以加快主页速度。

function alu_scripts() {
        wp_register_style( 'alucss', "//static.youfencun.com/wp-content/themes/index/ALU/style.css" );
        wp_register_script( 'alujs', "//static.youfencun.com/wp-content/themes/index/ALU/index.js" );
    if ( is_single() ||  is_page() ) {
        wp_enqueue_style( 'alucss' );
        wp_enqueue_script( 'alujs' );
    }
}
add_action('wp_enqueue_scripts', 'alu_scripts', 20, 1);

© 声明:本站原创文章采用BY-NC-SA创作共用协议,转载时请标明本文地址;非原创(转载)文章版权归原作者所有。

RECENT POSTS

Stay Hungry. Stay Foolish.

数据库查询次数:11次,页面生成时间:0.031秒。