您可以使用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是非主题的。