wordpress 点赞 ajax,WordPress不用插件实现文章AJAX点赞、文章点赞排行
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点赞的文章页面
<?php echo ($dot_good=get_post_meta($post->ID, 'dotGood', true)) ? $dot_good : '0'; ?>人点赞
第三部: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' 字段
$args = array(
'ignore_sticky_posts' => 1,
'meta_key' => 'dotGood',
'orderby' => 'meta_value_num',
'showposts' => 20
);
query_posts($args); if ( have_posts() ) : ?>
<?php echo mb_strimwidth(get_the_title(), 0, 46,'…'); ?>
wordpress 点赞 ajax,WordPress不用插件实现文章AJAX点赞、文章点赞排行相关推荐
- ajax不变音乐,WordPress Hermit音乐播放器插件支持Ajax防刷新不中断
Hermit音乐播放器插件支持网易云音乐,虾米音乐和本地音乐.之前有给大家推荐了WordPress插入音乐播放器(插件和非插件两种方法)一文给出了在WordPress中加入音乐播放器的方法,还有Wor ...
- code-server、docker-compose安装wordpress+mysql、wordpress公式插件、markdown插件、目录插件、调序插件、统计插件、分享点赞打赏插件
文章目录 缘起 一.code-server 1.1 code-server简介 1.2 code-server安装和启动 1.3 code-server安全配置 1.3.1 域名申请和备案 1.3.2 ...
- 通过关键词采集文章 包括360 百度 搜狗 微信 php源码 关键词扩充 的介绍适合所有网站 wordpress zblog帝国cms zhetiaohe插件
接上期话题:新手老手怎么把网站权重提高收录提高最新php轻量级插件网站权重8怎么上去的seo到底怎么做看完本视频你就懂了许多了本插件适合所有网站所有cms长河网zhetiaohe源码无加密 本次主要 ...
- ajax css文件,wordpress 添加JS,css文件,实现AJAX效果
一,我的问题 我想在wordpress里面添加一个JS文件,实现在一个ajax效果,我在网上找了一个插件,AJAX wordpress发现在不好用,就没有用了.下面我就以本BLOG里面的,收藏和分享为 ...
- Wp模板,免费WordPress模板,WordPress插件详解
Wp模板,最近很多站长问我有没有对SEO优化友好的WordPress模板主题.不要问有没有WordPress模板主题,问就是有wp模板主题.但是我们站长如果想做好SEO优化,我们光有"漂亮& ...
- 50个常用元器件图片_盘点2020年wordpress常用的50个插件合集
大家好,玩码哥今天给大家盘点一下2020年wordpress常用的50个插件合集,可以选择性安装或者是去搜索添加,大部分的插件是可以在网上搜到的. 1.All In One WP Security插件 ...
- wordpress如何设置文章置顶以及区分置顶文章与普通文章
很多博客都有自己的置顶文章,在默认情况下WP对置顶文章只是将它们的位置排在前面,除了位置差异外,跟其他文章是没有任何区别的.那我们怎样才能将它们区别开来呢?我这里有几种方法: 一.在WordPres ...
- WordPress独立资源下载页面插件 基于美化Xydown插件
介绍: xydown是一款wordpress的独立下载页面插件,主要适用于wp建站用户使用,有些用户在发布文章的时候想要添加一些下载资源,使用这款插件可以把下载的内容独立出来,支持添加本地下载或者百度 ...
- wordpress菜单显示css字体,WordPress导航菜单图标字体插件font awesome 4 menus
用了wordpress后,大伙都不约而同的给菜单用上了图标字体,确实给博客带来了一定的美化效果.不过,在强迫症的眼里,能代码化就尽量不用插件吧!于是将这个插件改造成代码版,顺便精简了基本用不到的 sh ...
最新文章
- 使用 LocalReport 对象进行打印
- Linux修改mysql的密码
- 原生js设置div隐藏或者显示_JS实现“隐藏与显示”功能(多种方法)
- linux 系统监控 php,Linux系统资源监控命令简介
- [转载] 中华典故故事(孙刚)——24 嫁鸡随鸡_嫁狗随狗
- 应用深度学习(台大陈蕴侬李宏毅) Part1
- Ajax — 聊天机器人演示
- Mountain Number FZU-2109数位dp
- IndexError: list index out of range image_name=self.images_name[index]
- c++——对象的构造和析构函数、构造函数的分类及调用
- 用XSLT和XML改进Struts
- python写日志到文件_Python日志文件没有正确地写入日志消息,只有格式
- python中关于集合的基础运用
- [Ext]2.0探索(七)Grid使用介绍
- 第一次学会!=EOF
- Oracle alter 语句用法
- Perl入门学习(一)运行和基本语法
- 3dmax、python3、Rational Rose、DTLite、commons-math3、VM12、DreamWeaver、SPSS、sqlserver2008、mySQL等软件安装包最全集合
- 无标度网络的C++代码实现
- js 利用audio buffers[int16Array]计算分贝