WordPress如何查詢后臺(tái)數(shù)據(jù)并展示

來(lái)自：素雅營(yíng)銷(xiāo)研究院

方知筆記

2025年06月23日 07:17

一、WordPress數(shù)據(jù)查詢基礎(chǔ)

WordPress提供了多種方式來(lái)查詢和獲取后臺(tái)存儲(chǔ)的數(shù)據(jù)，開(kāi)發(fā)者可以根據(jù)不同需求選擇合適的方法。

1.1 WP_Query類(lèi)

WP_Query是WordPress最核心的查詢類(lèi)，可以用于獲取文章、頁(yè)面和自定義文章類(lèi)型：

$args = array(
'post_type' => 'post',
'posts_per_page' => 5,
'orderby' => 'date',
'order' => 'DESC'
);

$query = new WP_Query($args);

if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
// 顯示文章標(biāo)題
the_title('<h2>', '</h2>');
// 顯示文章內(nèi)容
the_content();
}
wp_reset_postdata();
}

1.2 get_posts()函數(shù)

get_posts()是WP_Query的簡(jiǎn)化版，返回文章數(shù)組：

$posts = get_posts(array(
'category' => 3,
'numberposts' => 10
));

foreach ($posts as $post) {
setup_postdata($post);
echo '<h3>' . get_the_title() . '</h3>';
the_excerpt();
}
wp_reset_postdata();

二、高級(jí)數(shù)據(jù)查詢技巧

2.1 自定義字段查詢

查詢帶有特定自定義字段的文章：

$args = array(
'meta_key' => 'featured',
'meta_value' => 'yes',
'meta_compare' => '='
);
$featured_posts = new WP_Query($args);

2.2 分類(lèi)和標(biāo)簽查詢

按分類(lèi)或標(biāo)簽篩選正文：

$args = array(
'category_name' => 'news',
'tag' => 'important'
);
$posts = new WP_Query($args);

2.3 分頁(yè)查詢

實(shí)現(xiàn)分頁(yè)功能：

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'posts_per_page' => 5,
'paged' => $paged
);
$query = new WP_Query($args);

三、數(shù)據(jù)展示方法

3.1 使用短代碼展示數(shù)據(jù)

創(chuàng)建自定義短代碼來(lái)展示查詢結(jié)果：

function recent_posts_shortcode($atts) {
$args = shortcode_atts(array(
'count' => 5
), $atts);

$posts = get_posts(array(
'numberposts' => $args['count']
));

$output = '<ul class="recent-posts">';
foreach ($posts as $post) {
$output .= '<li><a href="' . get_permalink($post->ID) . '">' . $post->post_title . '</a></li>';
}
$output .= '</ul>';

return $output;
}
add_shortcode('recent_posts', 'recent_posts_shortcode');

3.2 創(chuàng)建自定義小工具

開(kāi)發(fā)自定義小工具展示特定數(shù)據(jù)：

class Popular_Posts_Widget extends WP_Widget {
// 小工具初始化代碼
public function widget($args, $instance) {
$posts = get_posts(array(
'meta_key' => 'post_views_count',
'orderby' => 'meta_value_num',
'order' => 'DESC',
'numberposts' => $instance['count']
));

echo $args['before_widget'];
echo $args['before_title'] . '熱門(mén)文章' . $args['after_title'];
echo '<ul>';
foreach ($posts as $post) {
echo '<li><a href="' . get_permalink($post->ID) . '">' . $post->post_title . '</a></li>';
}
echo '</ul>';
echo $args['after_widget'];
}
}

3.3 使用REST API獲取數(shù)據(jù)

通過(guò)WordPress REST API獲取JSON格式數(shù)據(jù)：

fetch('/wp-json/wp/v2/posts?per_page=5')
.then(response => response.json())
.then(posts => {
let html = '';
posts.forEach(post => {
html += `<div class="post">
<h3>${post.title.rendered}</h3>
<div>${post.excerpt.rendered}</div>
</div>`;
});
document.getElementById('posts-container').innerHTML = html;
});