向wp_list_ages中的项目添加类

时间:2013-09-09 作者:user2754416

我只想在wp\\u list\\u pages()中为活动页添加一个类。有可能吗?如果是,我可以为活动页面提供特定的类。下面是我列出父页面及其子页面的代码。

       <?php



$output = wp_list_pages(\'echo=0&depth=1&title_li= &sort_column=menu_order\' );
if (is_page( )) {
  $page = $post->ID;
  if ($post->post_parent) {
    $page = $post->post_parent;
  }

  $children=wp_list_pages( \'echo=0&depth=1&child_of=\' . $page . \'&title_li=&sort_column=menu_order\' );
  if ($children) {
    $output = wp_list_pages (\'echo=0&depth=1&child_of=\' . $page . \'&title_li= &sort_column=menu_order\');
  }
}
?>
 <li><a href="<?php echo get_permalink( $post->post_parent ); ?>" class="active">Home</a></li>
<?php 
echo $output;


              ?>
请帮帮我。我想将类名“active”添加到wp\\u list\\u pages()中的活动页。例如,我想如下显示我的WP页面。如果1选择子页3,我只想将活动类添加到该特定页

<div class="page-menu">
                <ul>                    
                    <li><a href="#" title="">Home</a></li>
                    <li><a href="#" title="">1</a></li>
                    <li><a href="#" title="">2</a></li>
                    <li><a href="#" title="" class="active">3</a></li>
                    <li><a href="#" title="">4</a></li>
                    <li><a href="3" title="">5</a></li>
                </ul>
            </div>

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

问题已解决。。

我只是添加了如下css,它解决了我的问题。

.page-menu ul li.current_page_item a{
    background-color:#445C1C;
    }
为了添加父页面的类,我使用了以下代码

 <li><a href="<?php echo get_permalink( $post->post_parent ); ?>" <?php if(is_page($post->post_parent )) {?> class="active" <?php }?>>Home</a></li>
希望这能帮助将来面临同样问题的人,我也曾面临过:)

SO网友:kaiser

wp_list_pages() 有一个论点walker, 您可以使用它来替换walk_page_tree() 内部为walker类。

@布雷迪留下了一个很好的example in this answer.

class WPSE113482PageWalker extends Walker_Page
{
    function start_el( &$output, $page, $depth, $args, $current_page )
    {
        // Build $output here and apply your class for the active item
    }
}
您可能还想考虑使用wp_page_menu().

结束

相关推荐