建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

如何使用 WP_Query 在 WordPress 中创建分页

GG网络技术分享 2025-03-18 16:08 0


增加网站页面浏览量的有效方法之一是使用 WP_Query 在 WordPress 中创建分页。

在本教程中,我们将引导您完成易于遵循的指南,以添加带有分页的自定义 WordPress 循环。

什么是 WP_Query?
WP_Query 是 WordPress 中最重要的类之一,因为它可以让您访问数据库中的记录、帖子、页面和自定义帖子类型。

同时,开发人员无需针对数据库编写复杂的 SQL 查询来接收有关帖子、页面或自定义帖子类型的所需信息,因为 WP_Query 将为我们完成这一切。

什么是 WordPress 中的分页,为什么需要它?
分页是任何 WordPress 用户可以用于各种目的的核心功能之一。 将长帖子分成几部分并用新页面展示每个部分是一种很好的做法。

如果您使用的是编码良好的 WordPress 主题,很可能,在您需要帖子结束并在下一页开始的任何地方添加标签,很可能会为您完成这项工作。

不难猜测,长帖子加载时间长,不方便网站访客或博客关注者阅读。

将您的文章或长描述拆分成尽可能多的页面将使读者更容易消化所有信息而不会感到烦恼。

如果您是 WordPress 网站管理员或 WordPress 网站所有者,我们相信您了解 WP 内置的分页功能,您可以轻松地使用链接或数字分页将长帖子根据需要分成尽可能多的不同部分,并在上一页和下一页展示它们因此。

除了使您的文章和帖子更易于阅读和阅读之外,分页还有其他好处。

它将使您网站的整体外观和感觉更加准确和紧凑,增加您网站的页面浏览量,帮助降低跳出率,有助于 SEO 排名,并为您提供更多页面来放置广告等等。

然而,这种方法并不总是与当代 WordPress 主题和模板一起工作。 因此,我们为您提供使用 WP_Query 在 WordPress 中创建分页。

在我们深入了解如何使用 WP_Query 在 WordPress 中创建分页之前,我们建议您熟悉 WordPress Codex 中的 WP Query 类参考:https://codex.wordpress.org/Class_Reference/WP_Query#Usage .

现在,当您对 WP_Query 及其用法有了大致的了解后,让我们与您分享一个查询示例。

<?php

/**

* Template Name: Custom Page

*/

get_header(); ?>

<?php

$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;

$args = array(

'posts_per_page' => 4,

'paged' => $paged

);

$custom_query = new WP_Query( $args );

?>

<!----start-------->

<div class="wrap">

<div id="primary" class="content-area">

<main id="main" class="site-main" role="main">

<?php

while($custom_query->have_posts()) :

$custom_query->the_post();

?>

<div>

<ul>

<li>

<h3><a href="https://www.sktthemes.org/wordpress/wp_query-create-pagination-wordpress/<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3>

<div>

<ul>

<div><a href="https://www.sktthemes.org/wordpress/wp_query-create-pagination-wordpress/<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>

</ul>

<ul>

<p><?php echo the_content(); ?></p>

</ul>

</div>

<div>

</li>

</ul>

</div> <!-- end blog posts -->

<?php endwhile; ?>

<?php if (function_exists("pagination")) {

pagination($custom_query->max_num_pages);

} ?>

</main><!-- #main -->

</div><!-- #primary -->

</div><!-- .wrap -->

<!----end-------->

<?php get_footer();

如何使用 WP_Query 在 WordPress 中创建分页
渲染分页的代码
在主题文件夹中创建一个名为 CustomPage.php 的模板文件,并在自定义静态页面中添加下面提到的一段代码。

<?php if (function_exists("pagination")) {

pagination($custom_query->max_num_pages);

} ?>

转到管理仪表板以创建页面并选择自定义页面作为模板。
此外,您将需要使用以下代码来使自定义分页工作:您需要将此代码添加到 functions.php 中(可以在您的主题文件夹中找到)。

功能分页($pages = ”, $range = 4)

{

$showitems = ($range * 2)+1;

global $paged;

if(empty($paged)) $paged = 1;

if($pages == '')

{

global $wp_query;

$pages = $wp_query->max_num_pages;

if(!$pages)

{

$pages = 1;

}

}

if(1 != $pages)

{

echo "<div class="pagination"><span>Page ".$paged." of ".$pages."</span>";

if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo “‹ 上一个”;

对于 ($i=1; $i <= $pages; $i++)

{

if (1 != $pages &amp;&amp;( !($i &gt;= $paged+$range+1 || $i &lt;= $paged-$range-1) || $pages &lt;= $showitems ))

{

echo ($paged == $i)? "&lt;span class="current"&gt;".$i."&lt;/span&gt;":"&lt;a href="".get_pagenum_link($i)."" class="inactive"&gt;".$i."&lt;/a&gt;";

}

}

if ($paged &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href="".get_pagenum_link($paged + 1).""&gt;Next ›&lt;/a&gt;";

if ($paged &lt; $pages-1 &amp;&amp;  $paged+$range-1 &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "&lt;a href="".get_pagenum_link($pages).""&gt;Last »&lt;/a&gt;";

echo "&lt;/div&gt;n";

}

}

现在我们已经设法使用 WP_Query 在 WordPress 中创建分页,让我们继续进行样式部分。 自然,现在我们将不得不使用 style.css 文件而不是 function.php。

在主题文件夹中找到 style.css 并将下面的代码添加到其中。

/* Pagination */

.pagination {

clear:both;

position:relative;

font-size:11px; /* Pagination text size */

line-height:13px;

float:right; /* Pagination float direction */

}

.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;

color:#fff; /* Pagination text color */

background: #555; /* Pagination non-active background color */

-webkit-transition: background .15s ease-in-out;

-moz-transition: background .15s ease-in-out;

-ms-transition: background .15s ease-in-out;

-o-transition: background .15s ease-in-out;

transition: background .15s ease-in-out;

}

.pagination a:hover{

color:#fff;

background: #6AAC70; /* Pagination background on hover */

}

.pagination .current{

padding:6px 9px 5px 9px;

background: #6AAC70; /* Current page background */

color:#fff;

}

就是这样。 我们真的希望我们的文章能帮助您顺利使用 WP_Query 在 WordPress 中创建分页。 如果对本教程或其中共享的代码有任何疑问,请随时寻求我们的帮助!

当您在 WordPress 上设置您的网站时,您可能需要考虑的一件事是使用 wp_query 在 WordPress 中创建分页.

当然,您一定会想知道为什么要为分页而烦恼,但这就是为什么分页是任何网站的重要方面的原因。

分页是您可以将长帖子拆分为较短帖子的过程,原始帖子的部分内容将发布在其他页面上,并带有指向原始帖子的链接。

这有助于增加您网站上的页面浏览量,并且在 SEO 和排名方面可以证明是无价的。

这就是为什么你需要使用 wp_query 在 WordPress 中创建分页 这样您就可以自定义帖子,使其更短,并在此过程中帮助改善用户体验。 以下是关于为什么分页很重要以及为什么它对您的网站至关重要的几个原因。

  • 干净,清晰的外观:由于分页,您应该能够使您的帖子更短,并且在此过程中,让您的首页保持整洁。 这应该使您能够以干净、明快的外观向您的客户展示。

    此外,随着帖子被剪短,您应该能够战略性地充分利用空白,并将用户的注意力引导到您网站的相关部分,也许是号召性用语,以便他们可以点击相同的内容。

  • 营销:通过分页,您应该能够缩短帖子的长度并在此过程中对其进行优化。

    使用此插件,您可以决定要缩短哪些帖子,甚至可以自定义帖子,使其对最终用户更具吸引力。

    因此,您的流量应该会增加,并且在此过程中,您还应该能够比以前更多地与用户互动。

  • 用户参与度:没有用户想直接在首页上阅读长篇文章; 这就是为什么您必须使用分页来保持帖子简短的原因。

    用户会喜欢整洁的外观、快速加载的页面,因此,您应该能够更多地与他们互动。

    随着分页的发挥,您应该能够将跳出率保持在最佳水平,让您的受众保持足够的兴趣,更重要的是,增加您网站上的页面浏览量。

    因此,您一定会提高排名并提高在线转化率。

这些是为什么您需要在您的网站上进行分页的一些原因,因为它可以帮助您的网站表现得比以前更好。

您可以决定帖子的长度,并且通过分页,您应该能够决定帖子的长度,甚至是帖子的外观。 使用此功能,您应该能够为您的用户提供更好的用户体验。

标签: WordPress op

提交需求或反馈

Demand feedback