如何将wp_link_ages分成两行

时间：2013-10-31 作者：Abhigyan

我的一篇帖子中有4个视频，使用nextpage quicktag显示。为了设置分页样式，我在single中使用了以下代码。php

    <div class="pagelink"><?php wp_link_pages(\'before=LQ &pagelink=Chapter %\'); ?></div>
它给我的输出就像LQ第1章第2章第3章第4章

但我想表现得像

LQ第1章第2章

总部第1章第2章

在seprate行中。我能为此做些什么？

所需的html输出应如下所示

<p class="link-pages">
    LQ
    <span class="page-link">Chapter 1</span>
    <span class="page-link">Chapter 2</span>
    <span class="page-link">Chapter 3</span>
</p>
<p class="link-pages">
    HQ
    <span class="page-link">Chapter 1</span>
    <span class="page-link">Chapter 2</span>
    <span class="page-link">Chapter 3</span>
</p>
为此，我将在我的帖子中使用like添加6章内容

Chapter 1<!--nextpage-->
Chapter 2<!--nextpage-->
Chapter 3 <!--nextpage-->
Chapter 4 <!--nextpage--> // this will become chapter 1 in HQ
Chatper 5 <!--nextpage-->// this will become chapter 2 in HQ
Chapter 6

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

您可以使用before, after, 和separator 参数传递给wp_link_pages() 将每个项目包装在一个范围中，然后通过CSS将范围作为目标。

以下是您当前的代码：

wp_link_pages(
    \'before=LQ &pagelink=Chapter %\'
);
转换为数组，因为更容易遵循/操作：

wp_link_pages( array( 
    \'before\' => \'LQ \',
    \'pagelink\' => \'Chapter %\'
) );
让我们修改它：

wp_link_pages( array( 
    \'before\' => \'<p class="link-pages">LQ<span class="page-link">\',
    \'after\' => \'</span></p>\',
    \'separator\' => \'</span><span>\',
    \'pagelink\' => \'Chapter %\'
) );
这将产生如下输出（为可读性增加换行符）：

<p class="link-pages">
    LQ
    <span class="page-link">Chapter 1</span>
    <span class="page-link">Chapter 2</span>
    <span class="page-link">Chapter 3</span>
    <span class="page-link">Chapter 4</span>
</p>
然后可以使用CSS来设置<span>s根据您的需要。

编辑备选方案/相关建议：

你可以通过\'echo\' => false 要将标记返回为字符串，请执行以下操作：

$page_links = wp_link_pages( array( 
    \'before\' => \'<p class="link-pages">LQ<span class="page-link">\',
    \'after\' => \'</span></p>\',
    \'separator\' => \'</span><span>\',
    \'pagelink\' => \'Chapter %\',
    // Return, don\'t echo
    \'echo\' => false
) );
然后，您可以使用您可以使用的任何工具（PHP、RegEx等）来操作$page_links 但为了满足您的需要，还是有必要的。

请注意：对于WPSE，CSS和PHP/RegEx是非主题的。

SO网友:trillchewy

你能用这些来分隔链接吗？

next_post_link()
previous_post_link()

结束
标签： paginate-links   小码农  

相关推荐