关于 WordPress 动态加载文章的原因, 利弊, 思路, 以及前台 JavaScript 的实现, 我已经在以前的文章中很具体地讲解过了. 可以转跳《动态加载文章内容》一文了解相关内容.
因为时间问题, 自己的没有做得很满意, 所以没有说明如何处理后台响应, 出了那么一个不完整的教程. 直到昨天有人来公司面试跟我提起这个, 觉得还是可以说说的. 本文将会对此进行具体的讲解.
处理思路
从前台传到后台的参数有两个, 一个是 action ID, 用于确定使用的接口, 另一个是文章的 ID, 用于获取文章对应的内容.
《动态加载文章内容》一文中我提示过, 可以参考 wp-includes/post-template.php 的 get_the_content 方法, 通过文章 ID 获取文章内容. 下面我们来分析一下这个方法.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
function get_the_content($more_link_text = null, $stripteaser = 0) {
global $id, $post, $more, $page, $pages, $multipage, $preview;
// 设定 "查看全文" 的链接文案
if ( null === $more_link_text )
$more_link_text = __( '(more...)' );
// 返回内容
$output = '';
// More 标签是否存在的标记位
$hasTeaser = false;
// 如果文章要求输入密码, 并且在 Cookie 中找不到处理过的信息, 则返回要求输入密码的查看表单
if ( post_password_required($post) ) {
$output = get_the_password_form();
return $output;
}
// 请求的文章片段对应的页面大于最大页数 (即文章片段不存在), 则返回最大页码的文章片段
if ( $page > count($pages) )
$page = count($pages);
// 文章内容是最后分页中的文章片段
$content = $pages[$page-1];
// 如果文中有 More 标签, 要求切断文章并输出 "查看全文" 链接, 则重定义文章内容, 标记 More 标签存在
if ( preg_match('/<!--more(.*?)?-->/', $content, $matches) ) {
$content = explode($matches[0], $content, 2);
if ( !empty($matches[1]) && !empty($more_link_text) )
$more_link_text = strip_tags(wp_kses_no_null(trim($matches[1])));
$hasTeaser = true;
} else {
$content = array($content);
}
// 如果进行了文章切断处理, 且不存在分页要求,
if ( (false !== strpos($post->post_content, '<!-- noteaser -->') && ((!$multipage) || ($page==1))) )
$stripteaser = 1;
// 获取文章内容的第一部分; 如果在独立文章存在 Read more 和切断处理, 则文章内容为空
$teaser = $content[0];
if ( ($more) && ($stripteaser) && ($hasTeaser) )
$teaser = '';
$output .= $teaser;
// 如果文章分为多个片段, 在独立文章中拼接上第二部分, 摘要内容中显示 "阅读全文" 链接
if ( count($content) > 1 ) {
if ( $more ) {
$output .= '<span id="more-' . $id . '"></span>' . $content[1];
} else {
if ( ! empty($more_link_text) )
$output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . "#more-$id\" class=\"more-link\">$more_link_text</a>", $more_link_text );
$output = force_balance_tags($output);
}
}
if ( $preview ) // preview fix for javascript bug with foreign languages
$output = preg_replace_callback('/\%u([0-9A-F]{4})/', create_function('$match', 'return "" . base_convert($match[1], 16, 10) . ";";'), $output);
// 返回文章内容
return $preview;
}
|
你完全可以这样想: 只要满足一些传入的参数, 去除一些不必要的, 更换一些可取代的, 将页面返回改成输出, 就是一个输出文章内容的接口.
处理方法
如果我们暂时不考虑输入密码, 分页等功能; 另外, 因为 More 和切断功能不应该在展开文章内容中存在, 响应处理可以变得很简单. 我们要做的事就这么几个:
1. 做出 action 对应的接口
2. 获取指定文章的内容
3. 格式化文章内容
4. 返回文章内容
多说无用, 直接上代码, 加注释:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
function load_post() {
// 如果 action ID 是 load_post, 并且传入的必须参数存在, 则执行响应方法
if($_GET['action'] == 'load_post' && $_GET['id'] != '') {
$id = $_GET["id"];
$output = '';
// 获取文章对象
global $wpdb, $post;
$post = $wpdb->get_row($wpdb->prepare("SELECT * FROM $wpdb->posts WHERE ID = %d LIMIT 1", $id));
// 如果指定 ID 的文章存在, 则对他进行格式化
if($post) {
$content = $post->post_content;
$output = balanceTags($content);
$output = wpautop($output);
}
// 打印文章内容并中断后面的处理
echo $output;
die();
}
}
// 将接口加到 init 中
add_action('init', 'load_post');
|
看完这段代码, 是不是感到相当的简单明了? 因为这是最基本的操作, 很多功能并没考虑在内. Okay, 这样就引出多个问题:
1. 如果存在某个插件, 会对文章内容进行特殊处理 (如: WP-Polls), 响应处理需要特殊处理吗? 如何操作?
2. 如果有加密文章, 如何向用户呈现? 前后台又该如何配合?
3. 如果存在文章分页, 当用户点击翻页链接时会发生什么事情? 怎样处理体验更好?
这些问题作为后面的话题我会逐一讲解并解决掉, 但再此之前, 你是否已经想到解决办法了?
|