wordpressに“いいね”カウントを追加する(WP ULikeプラグイン)

wordpressに“いいね”カウントを追加する(WP ULikeプラグイン)

1、プラグインをインストール。有効化を行う。
2、[WP ULike]のメニューが表示されるのでカスタマイズ設定を行う。
  ページの何処にボタンを表示するか設定があるが、自由に位置を設定する場合「有効化」を外しておく。
3、表示の為のコードを記入する

◯function.php
■カウントに付く[+]の表記を削除

add_filter('wp_ulike_format_number','wp_ulike_new_format_number',10,3);
function wp_ulike_new_format_number($value, $num, $plus){
    if ($num >= 1000 && get_option('wp_ulike_format_number') == '1'):
    $value = round($num/1000, 2) . 'K';
    else:
    $value = $num;
    endif;
    return $value;
}

■IDを指定していいねを設置

// Ulike button output;
if( !function_exists('get_the_ulike_btn') ){
    function get_the_ulike_btn( $post_id ){
        global $wp_ulike_class,$wp_user_IP;

        $get_post_meta = get_post_meta($post_id, '_liked', true);
        $get_like = $get_post_meta != '' ? $get_post_meta : 0;
        $return_userID = $wp_ulike_class->get_reutrn_id();
        $theme_class = wp_ulike_get_setting( 'wp_ulike_posts', 'theme');

        $data = array(
            "id" => $post_id , //Post ID
            "user_id" => $return_userID, //User ID (if the user is guest, we save ip as user_id with "ip2long" function)
            "user_ip" => $wp_user_IP, //User IP
            "get_like" => $get_like, //Number Of Likes
            "method" => 'likeThis', //JavaScript method
            "setting" => 'wp_ulike_posts', //Setting Key
            "type" => 'post', //Function type (post/process)
            "table" => 'ulike', //posts table
            "column" => 'post_id', //ulike table column name
            "key" => '_liked', //meta key
            "cookie" => 'liked-' //Cookie Name
        );

        //call wp_get_ulike function from class-ulike calss
        $counter = $wp_ulike_class->wp_get_ulike($data);
        $wp_ulike = '<div id="wp-ulike-'.$post_id.'" class="wpulike '.$theme_class.'">';
        $wp_ulike .= '<div class="counter">'.$counter.'</div>';
        $wp_ulike .= '</div>';
        $wp_ulike .= $wp_ulike_class->get_liked_users($post_id,'ulike','post_id','wp_ulike_posts');
        echo $wp_ulike;
    }
}

◯出力ソース
■ 設定した箇所に読み込み

<!--?php if(function_exists('wp_ulike')) wp_ulike('get'); ?-->

■IDを指定していいねを設置 (上記のfunction.phpへの記述を記入しておく)

<?php get_the_ulike_btn( '$post->ID' ); ?>

——————————————

wp_deregister_script(‘jquery’)でwordpressのjsを制限している場合、WP ULikeのJS出力も制限されてしまい、いいねボタンが動かなかった。
その場合、いいねボタンのカウントに使用するjsの設定表記を、別途テンプレートに書き足すことで動作をさせることが出来る。

◯head内

<!-- いいねプラグイン動作用 -->
<script type='text/javascript'>
/* <![CDATA[ */
var ulike_obj = {"ajaxurl":"<?php echo admin_url(); ?>admin-ajax.php","button_text_u":"Unlike","button_text":"Like","button_type":"image","notifications":"0","like_notice":"Thanks! You Liked This.","unlike_notice":"Sorry! You unliked this."};
/* ]]> */
</script>

◯ページ下部/body前

<!-- いいねプラグイン動作用 -->
<script type='text/javascript' src='http://10.0.240.89/motex_motto/system/cms/wp-content/plugins/wp-ulike/assets/js/wp-ulike-plugins.js?ver=1.0.1'></script>

参考サイト

hacknote
WordPressに独自の「いいね!」機能を実装する
http://hacknote.jp/archives/6630/
nkmrkisk.com
【wordpress】Ulikeのボタンを独自の好きなところに設置させる方法
http://nkmrkisk.com/archives/1457