WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 数码解说
    • 生活趣事
    • 生活日记
  • 全球科技
    • 新浪博客
    • A5资讯
    • 环球网新闻
  • 编程教学
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
  • 专题
  • 基友
  • 隐私
  • 云优化
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君

WordPress不用插件实现文章AJAX点赞、文章点赞排行

夏柔4月 19, 2020

WordPress点赞功能虽然对网站整体的SEO优化意义不大,但是如果很多人给你的文章点赞,那就是说文章得到了更多人的认可,你的文章给别人带来了帮助。
如果再加上一个文章点赞排行,那么就可以很精准的分析出哪些文章更受用户的欢迎,更了解用户痛点,从而更好的更新出对大家有帮助的文章。

功能丰富的WordPress点赞插件不少,但是因为这么个小功能使用一个插件,有点不太好,也说不上哪里不好,小编就是觉得不好。
所以今天站壳网给大家带来一份wordpress不用插件实现文章点赞、文章点赞排行的wordpress教程。

使用教程

第一步:把下面代码复制到主题的functions.pnp文件内。

// AJAX点赞

function dotGood()

{

	global $wpdb, $post;

	$id = $_POST["um_id"];

	if ($_POST["um_action"] == 'topTop') {

		$specs_raters = get_post_meta($id, 'dotGood', true);

		$expire = time() + 99999999;

		$domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false; // make cookies work with localhost

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

		if (!$specs_raters || !is_numeric($specs_raters)) update_post_meta($id, 'dotGood', 1);

		else update_post_meta($id, 'dotGood', ($specs_raters + 1));

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

	}

	die;

}




add_action('wp_ajax_nopriv_dotGood', 'dotGood');

add_action('wp_ajax_dotGood', 'dotGood');

第二步:把下面代码写进需要添加ajax点赞的文章页面

<div class="zan ">
<a href="javascript:;" rel="external nofollow" data-action="topTop" data-id="<?php the_ID(); ?>" class="dotGood <?php echo isset($_COOKIE['dotGood_' . $post->ID]) ? 'done' : ''; ?>">
<?php echo ($dot_good=get_post_meta($post->ID, 'dotGood', true)) ? $dot_good : '0'; ?>人点赞
</a>
</div>

第三部:css美化下点赞按钮。(可以根据自己的喜好修改css样式)

.zan {}
.zan a {padding:8px 16px 9px 13px;font-size: 14px;color: #fff;background-color: #fe7f6f;}
.zan a:hover {background-color: #ed1c24}
.zan a:hover {color: #fff}
.zan .count {font-size: 13px;}
.reward {background-color: #f5a754!important}
.zan .done {background-color: #ed1c24!important}

第五部:更新文章页面,看看是不是多了一个点赞的按钮呢?

文章点赞排行

wordpress AJAX点赞功能已经实现了,接下来实现文章点赞排行。

实现原理跟获取最新文章、热门文章大同小异,只添加了'meta_key' => 'dotGood' 字段

<?php

$args = array(

'ignore_sticky_posts' => 1,

'meta_key' => 'dotGood',

'orderby' => 'meta_value_num',

'showposts' => 20

);

query_posts($args); if ( have_posts() ) : ?>

<?php while ( have_posts() ) : the_post(); ?>




<a href="<?php the_permalink(); ?>" rel="external nofollow"  target="_blank"><?php echo mb_strimwidth(get_the_title(), 0, 46,'…'); ?></a>




<?php endwhile; endif;?>

 

1
等 1 人赞过
分享
夏柔 站长
文章 709评论 23
赞赏
夏柔
相关文章
  • 自定义onion域名
  • 宝塔linux面板一键工具箱
  • 7种提高代码阅读能力的方法
  • 保护你的WordPress,修改服务器默认用户名root
  • Python多线程扫描端口
  • ThnBo-一款针对WordPress开发的缩略图美化插件,为广大站长提供缩略图的美化便利
  • WordPress去除index.php的方法
  • WordPress美化-文字渐变特效
  • WordPress美化-抖动图片
  • 使用HBuilderX封装H5
17 6月, 2020
WordPress Laborator Xenon theme 跨站脚本漏洞
夏柔
站长
夏山如碧 - 怀柔天下
709文章
23评论
58144K获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门30
WordPress技术教程265
前沿技术情报所7
城市创新——新消费8
最近有哪些不可错过的热文5
程序员的养生之道0
疫情实况
拜登公布战时抗疫计划
1月 22, 2021
31省区市新增确诊103例 本土94例
1月 22, 2021
科兴疫苗在智利获紧急使用许可
1月 21, 2021
更多
每日快讯
美共和党议员提交弹劾拜登条款
1月 22, 2021
江苏镇江一人核酸检测结果可疑
1月 22, 2021
美媒曝光特朗普离任后第一天动态
1月 22, 2021
男子骂防疫人员:我证件你敢看吗
1月 22, 2021
拜登公布战时抗疫计划
1月 22, 2021
31省区市新增确诊103例 本土94例
1月 22, 2021
巨大火球深夜划过日本上空
1月 21, 2021
科兴疫苗在智利获紧急使用许可
1月 21, 2021
更多
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2021 WordPress极简博客. Designed by 骚老板. 辽公网安备21010502000474号