一、

只需下载【Unite3.0主题移植知更鸟点赞分享样式文件】,解压后按以下哀求覆盖更新即可。

下载地址

1、script.js文件直接拷贝到Unite\js\覆盖更新。

知更鸟phpUnite30主题完善移植知更鸟点赞分享样式教程 AJAX

2、social.php文件直接拷贝到Unite\inc\覆盖更新。

3、functions.php、header.php和style.css文件直接拷贝到Unite\覆盖更新。

二、自己动手折腾代码(适宜修正过Unite主题的方法)

1、打开Unite\js\ script文件,在末了面添加以下代码:

// 点赞

$.fn.postLike = function() {

if (jQuery(this).hasClass('done')) {

return false;

} else {

$(this).addClass('done');

var id = $(this).data(\"大众id\"大众),

action = $(this).data('action'),

rateHolder = jQuery(this).children('.count');

var ajax_data = {

action: \公众ality_ding\"大众,

um_id: id,

um_action: action

};

$.post(wpl_ajax_url, ajax_data,

function(data) {

jQuery(rateHolder).html(data);

});

return false;

}

};

$(document).on(\"大众click\"大众, \"大众.favorite\"大众,

function() {

$(this).postLike();

});

2、打开主题中的functions.php文件,并在末了一个?>前面添加以下代码:

// 点赞

add_action('wp_ajax_nopriv_ality_ding', 'ality_ding');

add_action('wp_ajax_ality_ding', 'ality_ding');

function ality_ding(){

global $wpdb,$post;

$id = $_POST[\公众um_id\"大众];

$action = $_POST[\公众um_action\公众];

if ( $action == 'ding'){

$bigfa_raters = get_post_meta($id,'ality_like',true);

$expire = time() + 99999999;

$domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false;

setcookie('ality_like_'.$id,$id,$expire,'/',$domain,false);

if (!$bigfa_raters || !is_numeric($bigfa_raters)) {

update_post_meta($id, 'ality_like', 1);

}

else {

update_post_meta($id, 'ality_like', ($bigfa_raters + 1));

}

echo get_post_meta($id,'ality_like',true);

}

die;

}

3、打开主题中的header.php文件,找到以下代码

<?php if (is_single() || is_page() ) { ?>

然后在它下面添加以下代码

<script type=\公众text/javascript\公众>

/ <![CDATA[ /

var wpl_ajax_url = \公众http:\/\/你的域名\/wp-admin\/admin-ajax.php\"大众;

/ ]]> /

</script>

PS:一定要记得改换以上代码中的“你的域名”为真正的域名哦。

4、打开Unite\inc\ social.php文件,把所有代码更换为以下代码:

<div id=\"大众social\"大众>

<div class=\公众social-main\"大众>

<span class=\"大众like\"大众>

<a href=\"大众javascript:;\"大众 data-action=\"大众ding\"大众 data-id=\公众<?php the_ID(); ?>\"大众 title=\"大众好文!
一定要点赞!
\公众 class=\"大众favorite<?php if(isset($_COOKIE['ality_like_'.$post->ID])) echo ' done';?>\公众><i class=\"大众fa fa-thumbs-up\公众></i>赞<i class=\"大众count\"大众>

<?php if( get_post_meta($post->ID,'ality_like',true) ){

echo get_post_meta($post->ID,'ality_like',true);

} else {

echo '0';

}?></i>

</a>

</span>

<span class=\"大众shang-p\"大众><a href=\"大众#shang\"大众 id=\"大众shang-main-p\公众 title=\"大众好文!
一定要打赏!
\"大众>赏</a></span>

<span class=\"大众share-s\公众><a href=\公众#share\公众 id=\公众share-main-s\"大众 title=\公众好文!
一定要分享!
\"大众><i class=\公众fa fa-share-alt\"大众></i>分享</a></span>

<div class=\"大众clear\"大众></div>

</div>

</div>

5、打开主题文件中的style.css文件,找到以下代码:

.shang-p {

position: absolute;

left: 102px;

top:-3px;

background: #7ab951;

width: 40px;

height: 40px;

font-size: 16px;

line-height: 30px;

border: 4px solid #fff;

border-radius: 40px;

text-align:center;

}

直接更换为以下代码:

.shang-p a {

position: absolute;

left: 102px;

top:-3px;

color: #111;

font-weight:blod;

background: #7ab951;

width: 40px;

height: 40px;

font-size: 16px;

line-height: 30px;

border: 4px solid #fff;

border-radius: 40px;

text-align:center;

}

.shang-p a:hover {

color: #111;

}

即可。

到了这里,Unite 3.0主题已经完美移植了知更鸟主题中的点赞和分享按钮。
如果没有安装Font Awesome 4 Menus插件,那么赞和分享前面的个性化图标将无法显示。
如果安装有,那么全体点赞分享出来的效果就会跟本站的千篇一律的,不须要设置任何东西,如下图所示:

PS:为什么只分享Unite主题的移植而不分享Three主题?那是由于近期有操持更新Three主题,到时候将会直接把它变成这个样式,以是就

文章来源:http://yigujin.wang/677.html