Question

我正在定制一个wordpress主题，我正在尝试实现一个子菜单，它只显示当前页面的兄弟页面，不包括我正在使用的页面。例如，如果结构是：

水果
--apples
--pears
--oranges

我正在“苹果”上，子菜单会显示“梨子”和“橘子”的链接。

另一个转折是我使用twitter引导程序进行样式设计。我在http://wp-snippets.com/list-subpages-and-siblings/下面有wordpress功能：

<?php
global $wp_query;
if( empty($wp_query->post->post_parent) ) {
    $parent = $wp_query->post->ID;
}
else {
$parent = $wp_query->post->post_parent;
} ?>

<?php if(wp_list_pages("title_li=&child_of=$parent&echo=0" )): ?>

<div id="submenu">
    <ul class='breadcrumb'>

 <?php wp_list_pages("title_li=&child_of=$parent" ); ?>

    </ul>
</div>
<?php endif; ?>

我无法弄清楚如何在输出的链接（不包括最终链接）之后在链接之间添加分隔符，以及如何删除我正在打印的页面。

下面是我想要的HTML标记：

<ul class="breadcrumb smaller-bread">
                      <li><a href="<?php echo site_url('/offerings/apples/'); ?>">Apples</a><span class="divider">-</span></li>
                      <li><a href="<?php echo site_url('/offerings/pears/'); ?>">Pears</a><span class="divider">-</span></li>
                      <li><a href="<?php echo site_url('/offerings/oranges/'); ?>">Oranges</a><span class="divider">-</span></li>
</ul>

有没有人有任何提示或指示让我继续前进？赞赏，马特

Answer 1

你可以放一个IF！检查每个li，并根据当前URL进行检查。这样的事情会让你获得当前页面：http://webcheatsheet.com/php/get_current_page_url.php

然后：

<?php if(! $pageURL == $curPageURL) ?>
  <li> ... </li>
<?php endif; ?>

然后使用CSS将边框放入，而不是分隔元素，如：

ul.breadcrumb li {
  border-bottom: 1px solid;
}
ul.breadcrumb li:last-child {
  border-bottom: none;
}

wordpress显示当前页面的兄弟姐妹与/ bootstrap

1 个答案: