WP CSS pulldown menu test 2

サンプル 1 をもっとイイ感じに。

サンプル 2

</p>
<ul class="nav3">
<li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a class="home" href="<?php&phpMyAdmin=TmY6iB0UDgsijA973HYzLL4CTUd echo get_settings('home'); ?>/" title="Home">Home</a>
    </li>
<p>    <?php wp_list_pages('title_li='); ?>
</ul>
<p>

position absolute を使う方法

display block では無く、position absolute を使います。おまけに current クラスも使用。

DEMO2

サンプル 2
li のサイズを指定していないので、スッキリしました。current クラスで、今どこにいるのかハッキリしました。

サンプル 3

</p>
<ul class="nav3">
<li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a class="home" href="<?php&phpMyAdmin=TmY6iB0UDgsijA973HYzLL4CTUd echo get_settings('home'); ?>/" title="Home">Home</a></li>
<p>    <?php wp_list_pages('title_li='); ?><br />
    <?php wp_list_categories('title_li=Categories'); ?></p>
<li class="archivelist">Archivies
<ul>
             <?php wp_get_archives(); ?>
         </ul>
</li>
</ul>
<p>

アーカイブとカテゴリ一覧も表示

サンプル 2に、カテゴリ一覧と月別アーカイブ一覧を足してみました。

DEMO 3

サンプル 3

サンプル 2, 3 のスタイルシート

サンプル 2, 3 スタイルシート

Tags: , ,

コメントはクローズしました。