如何将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()

结束

相关推荐