首页 » 网站推广 » phpiflike技巧_Unite30主题完美移植知更鸟点赞分享样式教程

phpiflike技巧_Unite30主题完美移植知更鸟点赞分享样式教程

访客 2024-10-28 0

扫一扫用手机浏览

文章目录 [+]

一、

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

下载地址

phpiflike技巧_Unite30主题完美移植知更鸟点赞分享样式教程

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

phpiflike技巧_Unite30主题完美移植知更鸟点赞分享样式教程
(图片来自网络侵删)

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

标签:

相关文章

Python编程从入门到精通,探索编程之美

编程已经成为现代社会的一项基本技能。Python作为一种简单易学、功能强大的编程语言,在我国教育领域备受关注。本文将从Python...

网站推广 2025-03-02 阅读1 评论0

Scum07代码编程之美与适用方法

编程已成为当今社会不可或缺的技能之一。Scum07代码作为一款经典的编程语言,在我国众多程序员中备受推崇。本文将深入解析Scum0...

网站推广 2025-03-02 阅读1 评论0

Linux环境下的前端代码运行优化与步骤

前端技术逐渐成为软件开发的核心。Linux操作系统因其稳定性、安全性、开放性等特点,成为众多开发者和企业青睐的运行环境。本文将从L...

网站推广 2025-03-02 阅读1 评论0