Question

我在Wordpress中使用get_pages在页面上创建子导航。

我知道我可以使用wp_list_pages但我想在bootstrap中控制不同屏幕尺寸的链接。

使用这种代码可以用类名称指示子导航中的当前页面。

在wp_list_pages中，它将是'current_page_item'

<?php

$page_args = array(

    'child_of' => $post->post_parent,
    'sort_column' => 'ID',
    'sort_order' => 'ASC'

);

$pages = get_pages($page_args);

?>

<div class="container sub-nav">

    <div class="row">

        <div class="col-sm-1"></div>    

<?php
foreach($pages as $page){
?>

            <div class="col-sm-2">

                <a href="'. get_page_link( $page->ID ) .'">

                    <?php echo $page->post_title;?>

                </a>

            </div>
<?php
}
?>

        <div class="col-sm-1"></div>

    </div>

</div>

<?php   
?>
?>

Answer 1

您只需检查$page的ID是否等于当前页面。类似的东西：

<?php foreach( $pages as $page ):
    $class = ( $page->ID == get_the_id() ) ? 'class="active-or-whatever"' : ''; ?>
    <div class="col-sm-2">
        <a <?php echo $class; ?> href="<?php echo get_permalink( $page->ID ); ?>">
            <?php echo $page->post_title; ?>
        </a>
    </div>
<?php endforeach; ?>

Wordpress get_pages子导航显示当前页面

1 个答案: