2

私はワードプレスのテーマをカスタマイズしており、現在のページの兄弟ページのみを表示するサブメニューを実現しようとしています。現在のページは含まれません。たとえば、構造が次の場合:

果物
-- リンゴ
-- ナシ --
オレンジ

私は「リンゴ」にいて、サブメニューには「ナシ」と「オレンジ」へのリンクが表示されます。

もう 1 つのひねりは、スタイリングに twitter ブートストラップを使用していることです。http://wp-snippets.com/list-subpages-and-siblings/から以下のワードプレス機能があります。

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

誰かが私を道に導くためのヒントや指針を持っていますか? 感謝、マット

4

1 に答える 1

0

あなたは 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;
}
于 2013-01-07T20:24:23.127 に答える