Wordpress get_pages sub nav 显示当前页面答案

【问题标题】：Wordpress get_pages sub nav show current pageWordpress get_pages sub nav 显示当前页面
【发布时间】：2014-10-17 03:56:00
【问题描述】：

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

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

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

在 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   
?>
?>

【问题讨论】：

标签： wordpress nav

【解决方案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; ?>

【讨论】：