一、
只需下载【Unite3.0主题移植知更鸟点赞分享样式文件】,解压后按以下哀求覆盖更新即可。
下载地址
1、script.js文件直接拷贝到Unite\js\覆盖更新。
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