为wordpress主题添加点击加载更多文章功能

为wordpress主题添加点击加载更多文章功能。

点击加载更多的步骤：前台点击 => Ajax传递参数到php处理 => 进数据库 => php读取数据 => Ajax返回数据

（本文只为记录，此方法未经测试）

实现步骤如下：

第一步：前台代码

加载更多

上面代码中的php 代码在点击前先显示了5篇文章。

第二步：jQuery + Ajax 代码

$(function(){
var num = 5;//初始化从第几篇开始点击加载
var numm = 3; //每点击一次加载多少篇
$(".hot").click(function(){
$.post( //使用Ajax 的 post方法
"/wordpress/wp-content/themes/restart/get.php",//php文件路径
{ numb:num}, //传递参数：从第几篇开始
function(response,status,xhr){ //回调函数，返回数据
$(".box").html( $(".box").html() + response);
});
num +=numm; //num 累加
});
});

第三步：php 处理文件代码

require("config.php"); //引用数据库链接文件
$num = $_POST["numb"]; //接收 AJAX 传递过来的数字：从第几篇开始
//下面是读取数据库数据
$sql = "select ID,post_title,guid from wp_posts order by ID desc limit ".$num.",3";
$result = mysql_query($sql);

while($row = mysql_fetch_array($result)){
echo '
'.$row["post_title"].'
';
echo "
";
}

mysql_close($conn); //关闭数据库

第四步：数据库链接文件代码

//获取当前文件所在目录
define("__S__",str_replace("\\","/",dirname(__FILE__)));
//获取wordpress所在目录
define("__ROOT__",substr(__S__,0,-25));
//引用wp-config.php文件，获取数据库信息
require(__ROOT__."/wp-config.php");

//链接mysql 服务器
$conn = mysql_connect(DB_HOST,DB_USER,DB_PASSWORD) or die("连接服务器出错：".mysql_error());
//链接网站所在数据库
mysql_select_db(DB_NAME) or die("连接数据库出错：".mysql_error());
//设置字符编码
@mysql_query('SET NAMES UTF8');

 通过上面这4步骤，我们就为wordpress主题添加了“点击加载更多”功能。当然，我这里只是简单实现了它的功能，具体前台显示样式你可以根据自己的需求来深入修改。