将自定义li类插入wp_list_ages

时间:2016-09-30 作者:steamfunk

我当前有一个带有一些子页面的父页面。我可以列出这些子页面,但希望插入自定义li类。这个wp_list_pages 输出<li class="page-item number"></li>. 我想让它输出<li class="hvr-underline"></li>. 以下是我目前掌握的代码:

$children = wp_list_pages( \'title_li=&child_of=\'.$post->ID.\'&echo=0\' );

if ( $children) : ?>
    <ul class="menu ">
        <?php echo $children; ?>
    </ul>
<?php endif;

2 个回复
SO网友:cjbj

wp_list_pages 允许您包含walker函数。这会让你完全自由地添加任何你想要的类,但这不是初学者的方法。你可以从reading this.

如果您想对类进行简单的搜索和替换,如您的问题所示,您可以使用wp_list_pages filter 像这样:

add_filter (\'wp_list_pages\',\'wpse241119_replace_class\',10,3);
function wpse241119_replace_class ($output, $r, $pages) {
  $output = str_replace (\'page-item number\', \'hvr-underline\', $output);
  return $output;
  }

SO网友:Andy Macaulay-Brook

如果没有理由阻止您,只需在ul中添加一个类并在CSS或JavaScript中使用更复杂的选择器即可解决此问题:

$children = wp_list_pages( \'title_li=&child_of=\'.$post->ID.\'&echo=0\' );

if ( $children) : ?>
    <ul class="menu wpse241119_list">
        <?php echo $children; ?>
    </ul>
<?php endif;
然后分别地址liul.wpse241119_list li 或者如果列表可能是嵌套的,ul.wpse241119_list > li 捕获顶级列表项。

相关推荐

如何列出带有摘录的子页,例如[Child-Pages Depth=“1”Excerpt=“1”]

我想构建一个快捷码函数来生成父页面的子页面的HTML列表,并包含摘录。类似这样:<ul> <li> <h3>Child Page Title 1</h3> <p>Excerpt 1</p> <li> <li> <h3>Child Page Title 2</h3> <p>Exc