鄂尔多斯企业网站设计:如何向WordPress添加分页

对很多WordPress博客来说,分页是一个常见的特性。鄂尔多斯企业网站设计这对如此多的网站所有者来说是很重要的,事实上,它是WordPress核心的一个主要功能。分页是一种简单而标准的做法,它可以防止您同时加载所有的帖子。如果你这样做了,你的网站将需要很长的时间来渲染。很多主题都已经分页了。但如果没有,您可以轻松地自定义您的站点上的分页,只需几行代码即可。在本文中,我们将介绍几种在您的站点上实现分页的不同方法。

分页生活的地方

分页实际上是烘焙成WordPress的。要设置所有内容,首先需要访问WordPress管理员。从那里,你可以访问设置->阅读。在这里,您可以设置文章的基本格式。例如,“首页显示”选项可以设置为你最近的帖子(默认值)或作为静态页和POST页面。在这两种情况下,页面将需要分页列出您的帖子。

鄂尔多斯企业网站设计

读取WordPress管理中的设置

要注意的重要环境是博客页面最多显示。在这里,您可以添加任何整数来指定每个页面上应该显示多少个帖子。一旦分页被添加到您的页面上,任何高于此数字的帖子都将显示在后续的页面上。

很有可能,您将希望在这两个选项的默认情况下保留这两个选项。但是,如果您想快速编辑显示在每个页面上的帖子数量,或者您的博客文章列出的位置,您可以在管理的这一部分中这样做。

用优雅的主题建立分页

好消息是,如果您使用的主题来自优雅的主题,那么您基本上都设置好了。在文章被列出的页面上,无论是在主页上还是在单独的博客页面上,页面都会被内置。你会在你的第一篇文章的底部看到一个访问“旧条目”和“下一个条目”的链接。这允许用户来回浏览您的帖子存档。

Divi的基本导航

如果您希望使用优雅主题中的主题来进行更复杂的导航,那么您所要做的就是安装PageNavi插件。WP-PageNavi是一个非常流行的分页插件,我们稍后将讨论它。它可以用更直观的界面转换标准的上一页和下一页的分页链接,列出页码,并允许用户一次跳过几页。

来自优雅主题的主题与WP-PageNavi完全兼容,所以在安装和激活插件之后,这种新的分页形式将自动显示出来。主题已经有了适当的功能和风格来为您工作。

激活WP-PageNavi后的divi分页

此外,如果使用的是Divi主题,请记住“博客”模块,它允许您将一系列帖子插入到网站上的任何页面中。这个模块也有分页内置,与WP-PageNavi类似的支持。

手动添加分页

如果您正在构建您自己的主题,或者希望将分页添加到您的主题中,您可以使用内置的WordPress函数和几行代码来实现。实际上,插入分页有两种不同的方法。或者在页面底部附加一个“以前的文章”和“下一个帖子”链接,或者一个带有页码的完整分页栏(prev 1…)。3 4 5 6 7…9下一个)。我们将逐一审查。

添加上一次和下一次邮报链接

如果要向主题添加对分页的支持,那么这里的大部分代码应该放在Functions.php主题或子主题的文件。如果您使用的是高级主题,我建议您设置一个儿童主题具有自定义功能。

为了将分页添加到WordPress主题,我们需要构建一个函数,它将输出页面底部的前一篇和下一篇文章链接,然后将其添加到我们的模板页面中。这类似于我们在上面看到的“旧条目”和“新条目”链接。

像这样

但是,我们也需要确保这些链接只在有链接到的帖子时显示。例如,我们不需要第一页上的“新条目”链接,也不需要最后一页上的“旧条目”。第一步是实际创建函数。你可以通过打开你的Functions.php文件,滚动到底部,并添加以下代码:

function pagination_nav() {
    global $wp_query;

    if $wp_query->max_num_pages > 1 ) { ?>
        <nav class="pagination" role="navigation">
            <div class="nav-previous"><?php next_posts_link( '&larr; Older posts' ); ?></div>
            <div class="nav-next"><?php previous_posts_link( 'Newer posts &rarr;' ); ?></div>
        </nav>
<?php }
}

鄂尔多斯企业网站设计当添加到模板中时,此函数将输出一个包含在HTML 5 NAV标记中的前一个和下一个链接。函数的第一部分检查是否有超过一页的文章。如果没有,则不必使用此代码。

接下来,它实际上构造了HTML标记。我们从基本的nav标记开始,然后使用下一杆链接和以前的帖子链接函数在div标记中。这两个函数都接受HTML作为第一个参数,您可以使用HTML来自定义实际输出的文本。我们在每个页面(<-较新的帖子)中都包含了一点点HTML和HTML箭头,以便以后可以使用CSS对其进行样式化。

添加此函数后,只需将其添加到实际模板中即可。为此,转到要添加分页的模板(通常是index.php文件),然后向下滚动到循环结束之前。这是在“结束时间”语句之后,但在“其他”语句之前。在循环内。然后,添加以下一行:

<?php pagination_nav(); ?>

这将输出链接到您的网页下面的内容,并将只显示当它们是适用的链接。

添加页码分页

如果您想要更高级的内容,那么只需要链接到旧的和更新的博客文章,您也可以使用WordPress输出一个页码列表,两边都有一个下一个和前面的链接。

页码导航

设置此设置实际上非常类似于我们设置基本分页的方式,但我们将使用分页链接WordPress功能,而不是下一个和以前的帖子链接。这将输出一个完整的分页栏,无论您把它放在模板上。同样,第一段代码将放在主题或子主题的函数s.php文件中。我们将使用分页链接来计算我们有多少页,并适当地显示链接列表。

function pagination_bar() {
    global $wp_query;

    $total_pages $wp_query->max_num_pages;

    if ($total_pages > 1){
        $current_page = max(1, get_query_var('paged'));

        echo paginate_links(array(
            'base' => get_pagenum_link(1) . '%_%',
            'format' => '/page/%#%',
            'current' => $current_page,
            'total' => $total_pages,
        ));
    }
}

同样,我们添加了一个全局$wp_query对象,这样我们就可以访问所有的帖子。接下来,我们使用最大页数函数并执行条件检查,以确保有超过1页,因此分页是必要的。否则,什么都不会显示出来。最后,我们使用获取查询变量找出我们现在哪一页。

最后一步是使用分页链接函数来实际呈现页面列表,以及前一个按钮和下一步按钮。对于“base”参数,我们传递初始页。在“Format”参数中,我们可以指定在访问后续页面时如何更改URL。在上面的示例中,页面将呈现为http://site.com/page/2等我们做的最后一件事是使用我们收集的变量来定义我们当前在哪个页面上,以及总共有多少个页面。使用这些数据,WordPress可以为我们呈现一个标准的分页栏。

要实际添加这个分页,也可以转到要添加功能的页面(通常是index.php),并在循环结束前、“endif”语句之后、但在“endwhile”之前粘贴以下代码。

<nav class="pagination">
<?php pagination_bar(); ?>
</nav>

现在,您将看到链接页面的完整列表,如上面的图像所示,而不是简单的Next和以前的链接。

PageNavi

如果您正在寻找更多的自定义分页,或不想手动实现它,有一些插件可以帮助。也许最受欢迎的是WP-PageNavi,因为它易于设置、易于定制和易于风格。正如我前面提到的,来自优雅主题的主题已经被设置为自动使用WP-PageNavi,内置PHP函数和CSS样式,所以您所要做的就是激活插件。

但是,如果要在自己的主题上设置插件,则必须添加一个函数来代替典型的分页。

<?php wp_pagenavi(); ?>

然后,您可以使用插件的设置页面来自定义分页的每个方面。选择下一个链接和前一个链接要显示的文本,何时显示分页,以及分页的每个部分的格式。WP-PageNavi将接受这些设置,并在页面底部输出一个完整的页面导航,这将告诉用户有多少页面是总计的,他们当前在哪个页面上,以及下一页、前页、第一页和最后一页的链接。这个插件附带了默认的样式,但是如果你想自己设计它的话,你可以在管理中删除它。

吡咯烷酮

WP Pagine非常类似于WP-PageNavi,但是有一些您可能会发现有用的额外特性。例如,如果以后要使用CSS进行自定义,并且选择要在分页中显示的确切页码数量,则可以控制分页所包装的标记,因此不会变得太笨重。像WP-PageNavi一样,使用单个函数将页码添加到页面中,替换现有的分页。

定制WP-Pagine

<?php if(function_exists('wp_paginate_comments')) {
    wp_paginate_comments();
} ?>

一个完整的页面样式列表将输出到您的主题上,您可以使用插件的设置进行自定义。如果你正在寻找一个死的简单的解决方案,没有太多的选择,而且只是自动工作,WP-Pagine的工作效果很好。

WP智能导航

如果您正在寻找一个可供选择的分页,您可以尝试WP智能导航。它的输出类似于WP Page-Navi,但它也具有一个简单的“跳转到”链接在分页的末尾,这样用户就可以跳过任何页面,将其输入文本框。要使用它,可以将任何现有的分页替换为:

<?php echo do_shortcode('[wpsp]'); ?>

它没有WPPage-Navi那样多的定制机会,但它的风格主要是从您的主题继承的,所以它主要适用于任何地方。如果你正在运行一个有很多页面的博客,导航对用户来说是非常重要的,那么这个插件可能非常适合你。

添加分页

过去,鄂尔多斯企业网站设计要想在WordPress中添加正确的导航功能要困难得多,但近年来支持度却有了很大的提高。如果您所需要的只是在文章列表的底部为用户提供一些基本的导航,那么标准的WordPress函数应该可以正常工作。但是如果你的网站更复杂,你需要从你的分页中得到更多,一个插件可能会更好地为你工作,并说明更健壮的用例。选择由你来决定。





二维码