承德企业网站制作:如何在WordPress文章中创建下一个和前面的链接

2019.06.11 承德企业网站制作

51

承德企业网站制作在许多WordPress主题上,您可以看到单个帖子底部的链接,这些链接指向博客的上一篇和下一篇文章..因此,在这个简短的教程中,我将向您展示如何使用内置WordPress函数来创建这些链接。

上一个链接和下一个链接都有一个函数,这两个函数都应该在环路..这两个函数都将在屏幕上回显链接,并允许您更改页面上链接的格式。

前邮政通

WordPress具有以下功能previous_post_link应该在单个帖子的循环中使用。此功能将按日期创建到上一篇文章的链接。如果没有帖子,则不会显示链接。

使用以前的职位链接只需使用以下片段:

<?php previous_post_link($format, $link, $in_same_cat = false, $excluded_categories = ''); ?>

此函数接受4个参数:

  • $format

    -这将允许您更改输出链接的格式。若要仅定义链接,请使用令牌

    %link.

  • $link

    -这定义了链接上使用的文本。默认情况是

    %title

    在岗位上。
  • $in_same_cat

    -这是一个布尔值,它定义了链接的帖子是否属于同一类别。默认值为假。
  • $excluded_categories

    -这使您可以定义哪些类别被排除在链接之外。

使用以前的邮政链路的例子

中的所有参数。previous_post_link是可选的,因此该函数最简单的用法是不使用任何参数:

<?php previous_post_link(); ?>

更改链接格式

若要更改链接的格式,可以将其包装在h1通过使用第一个参数来标记:

<?php previous_post_link('<h1>%link</h1>'); ?>

更改链接文本

要更改链接的文本,需要更改第二个参数:

<?php previous_post_link('%link', 'Link To Previous Post'); ?>

链接到同一类别的职位

若要仅链接到同一类别中以前的文章,请使用以下代码段:

<?php previous_post_link('&laquo; %link', '%title', TRUE); ?>

排除类别中的链接

要排除链接到的任何类别,您需要使用第四个参数。若要排除所有类别ID为17的帖子,请使用以下代码段:

<?php previous_post_link('&laquo; %link', '%title', FALSE, '17'); ?>

下一邮政通

这个next_post_link函数的工作方式与前面的链接完全相同,但将返回下一篇文章。这与前一个POST链接函数的参数完全相同,并将以完全相同的方式工作。

如果没有下一篇文章,那么链接将不会显示。

<?php next_post_link('format', 'link', 'in_same_cat', 'excluded_categories'); ?>

使用以前的邮政链路的例子

中的所有参数。next_post_link是可选的,所以这个函数最简单的用法是不使用任何参数。

<?php next_post_link(); ?>

这将使用默认值将页面上的链接添加到下一篇文章。

更改链接格式

若要更改链接的格式,可以将其包装在h1通过使用第一个参数来标记:

<?php next_post_link('<h1>%link</h1>'); ?>

更改链接文本

要更改链接的文本,需要更改第二个参数:

<?php next_post_link('%link', 'Link To Next Post'); ?>

链接到同一类别的职位

若要仅链接到同一类别中的下一篇文章,请使用以下代码段:

<?php next_post_link('&laquo; %link', '%title', TRUE); ?>

排除类别中的链接

要排除链接到的任何类别,您需要使用第四个参数。若要排除所有类别ID为17的帖子,请使用以下代码段:

<?php next_post_link('&laquo; %link', '%title', FALSE, '17'); ?>

在主题中使用

当您在WordPress主题中使用这些链接时,您可能希望前面的链接向左浮动,而下一个POST链接则要浮动到右侧。

下面是一个使用这些函数的真实示例。

<?php
    previous_post_link('<span class="left">&laquo; %link</span>');
    next_post_link('<span class="right">%link &raquo;</span>');
?>                           
<div class="clearfix"></div>

这将在两个链接周围增加一个跨度,添加一个左或右的CSS类,这样您就可以浮动该链接。然后,我们承德企业网站制作使用清除示例来清除页面上的浮点数。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP