自定義CSS來創建WordPress的下拉菜單

Question

我需要將常規導航欄轉換爲頁面的下拉菜單，但會變得與代碼混亂。這是現有的代碼。

以下是#header和#mainnav的CSS - 有人可以幫忙指出我需要添加下拉位的地方嗎？我很困惑，似乎沒有任何工作發佈圖片

**header 

*******************/ 

#header { 

background:url(images/bgHeader.jpg) no-repeat center top; 
height:274px; 
} 

#header h1 
{ 
float:right; 
width:280px; 
height:200px; 
margin:0 0 21px 0; 
} 

#header h1 a 
{ 
display:block; 
width:280px; 
height:200px; 
text-indent:-9999px; 
} 

#header h2 
{ 
margin:0 0 0 0; 
color:red; 
float:left; 
text-indent:-9999px; 
} 

#header #mainNav 
{ 
/*clear:both;*/ 
float:left; 
width:750px; 
height:52px; 
} 

#header #mainNav li 
{ 
display:block; 
float:left; 
margin-right:30px; 
width:auto; 
} 

#header #mainNav li#menu-item-56 
{ 
    width:87px; 
} 

#header #mainNav li#menu-item-54 
{ 
    width: 86px; 
} 

#header #mainNav li#menu-item-53 
{ 
    width: 76px; 
} 

#header #mainNav a 
{ 
font-size:14px; 
line-height:14px; 
text-transform:uppercase; 
text-decoration:none; 
color:#000; 
font-weight:bold; 
padding-top:13px; 
display:block; 
} 

#header #mainNav li.current_page_item a, 
#header #mainNav li.current_page_parent a, 
#header #mainNav li a:hover 
{ 
background:url(images/bgMenuActive.jpg) no-repeat center top; 
color:#f2152a; 
} 


#header .social 
{ 
width:171px; 
float:right; 
margin:13px 0 0 0; 
} 

#header .social li 
{ 
margin:0 0 0 9px; 
} 

任何人都可能幫助嗎？

Answer 1

你的意思是你要添加下拉菜單到什麼地方？如果主題允許 - 您可以使用管理器中的菜單編輯器中內置的wordpress將子項添加到菜單中。

http://codex.wordpress.org/WordPress_Menu_User_Guide

否則，要採取多CSS添加下拉菜單。