0

非営利団体向けの Wordpress テーマを作成中ですが、ドロップダウン メニューを作成できるようにしたいと考えています。ただし、何らかの理由で、ドロップダウンが親ページの項目と一致しません。つまり、項目「リソース」を親ページの「概要」を持つように設定しました。約。これが理にかなっていることを願っています。

これがコードです。

HTML

<div id="nav">
<div class="menu">
<ul>
<li class="current_page_item"><a href="http://localhost/raf/" title="Home">Home</a></li>

<li class="page_item page-item-8"><a href="http://localhost/raf/?page_id=8">News</a>

<ul class='children'>
<li class="page_item page-item-75"><a href="http://localhost/raf/?page_id=75">And Yet Another</a></li></ul></li>

<li class="page_item page-item-12"><a href="http://localhost/raf/?page_id=12">About</a>
<ul class='children'><li class="page_item page-item-70"><a href="http://localhost/raf/?page_id=70">Dropdown Menu</a></li>
<li class="page_item page-item-73"><a href="http://localhost/raf/?page_id=73">Another Dropdown</a></li></ul></li>

</ul></div>
</div><!--End #nav-->

そしてCSS...

#nav ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
height:20px;
float: left;
width: 190px;
z-index: 99999;         
}

#nav ul ul a {
color:#555;
font-size:12px;
border: 1px solid #ddd;
}

#nav ul ul li {
top:0;
min-width: 180px;
background-color:#333;
}

#nav ul ul ul {
left: 100%;
top: 0; 
}

#nav ul ul a {
font-size:12px;
background: #e5e5e5;
line-height: 1em;
padding: 15px;
width: 160px;
height: 10px;
}

ありがとうございます！誰かがこれを手伝ってくれることを願っています。

ジュニア

4

2 に答える 2

0

必要な CSS 修正である可能性が最も高いです。Web サイトのフロントエンドで作業している場合は、Firebug または Chrome Web インスペクターに慣れてください。ウェブサイトへのリンクがあれば、何を修正すればよいか教えていただけます。また、コードで絶対パスを使用するべきではありません。これにより、転送プロセスがはるかに簡単になります。

交換：<a href="http://localhost/raf/?page_id=8">News</a>

と：<a href="<?php echo get_option('home'); ?>/?page_id=8">News</a>

Wordpress の動的メニューを使用できる場合は、さらに良い (http://codex.wordpress.org/WordPress_Menu_User_Guide)

于 2012-05-07T18:27:58.817 に答える