wordpress主題，怎么添加下拉菜單？

首先呢 看下是不是 需要這樣的這樣的一個下拉菜單如果是的話 那么往下看如何一個操作步驟（如果想看我的wp博客菜單具體效果呢 可以百度“李飛seo博客”）

成都創(chuàng)新互聯(lián)服務項目包括宣城網(wǎng)站建設、宣城網(wǎng)站制作、宣城網(wǎng)頁制作以及宣城網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，宣城網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到宣城省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

操作步驟

添加分類目錄（添加你所需要的所有目錄，下面有步驟具體調整哪個是哪個的上一級目錄）

找到博客主題菜單（選擇分類目錄全選添加到菜單）

鼠標進行拖放下拉菜單順序效果可以查看圖片

菜單設置，根據(jù)自己的要求設置?導航菜單，主導航 ，頂部導航

保存菜單進行查看那么 ?wp博客的一個下拉菜單就做好了

當然如果還有看不懂的話 不會操作的可以 百度 李飛seo博客 進行學習

wordpress 怎么做下拉選項

1.functions.php 注冊菜單項。

// 注冊菜單

add_theme_support( 'Primary Menu );或register_nav_menu( 'primary', __( 'Primary Menu', '主題名稱' ) );

2.后臺添加菜單,名為：Primary Menu。

2.header.php 菜單位置調用如下代碼：

你上面寫的那段要用下面這段代碼替換：

?php wp_nav_menu( array(

'theme_location' = 'primary',

'container_id' = 'primaryNav' ,

'menu_class' = 'fr ',

'menu_id' = 'topnav',

'link_before' = 'span',

'link_after' = '/span',

) );

?

然后用firebug，查看菜單位置的源碼，修改上面的相應參數(shù)。

wordpress 導航下拉怎么做

是實現(xiàn)wordpress導航下拉菜單，總共需要修改3個文件：header.php、functions.php和style.css。

1、修改header.php。

加入如下代碼：

div id="topnav"

?php wp_nav_menu( array( 'theme_location' = 'primary' ) ); ?

/div

2、修改functions.php函數(shù)

加入如下代碼：

if ( function_exists('register_nav_menus')) {register_nav_menus(array('primary'='b style="font-style:normal; color:#F00;"自定義頂部菜單/b'));}

3、添加css：

#topnav{clear:both;width:900px;margin:auto;height:34px;background:url(images/menu_bg.gif) repeat-x;}

.home {

float: left;

width:117px;

height:35px;

}

.home a:hover {

width:117px;

height:36px;

background: url(images/index_meun.gif) 0 -38px;

}

#topnav.current_page_item , #topnav .current-menu-item {

background: url(images/menu_bg.gif) repeat-x 0 -110px;

}

#topnav .current-menu-item a,#topnav .current_page_item a {

color: #fff !important;

text-shadow: 0px 1px 0px #000 !important;

}

#topnav .current-menu-item li a,#topnav .sub-menu a ,#topnav .current_page_item li a {

color: #F30505;

}

.sub-menu a:hover {

color: #F6F7F8 !important;

}

#topnav li {

height:36px;

border-right:1px solid #D4CDCD;

float: left;

font-weight:bold;

}

#topnav li a, #topnav li a:link, #topnav li a:visited {

display: block;

padding: 0 25px 0 25px;

line-height:36px;

color: #ffffff;

text-shadow: 0px 1px 0px #d1d1d1;

}

#topnav li a:hover, #topnav li a:active {

background: url(images/bg.png) repeat-x 0 -74px;

color: #fff;

display: block;

text-decoration: none;

line-height:36px;

padding: 0 25px 0 25px;

text-shadow: 0px 1px 0px #000 !important;

}

#topnav li li {

height:30px;

float: left;

}

#topnav li li a {

line-height:30px !important;

}

#topnav li ul {

position: absolute;

left: -999em;

width: 150px;

margin: 0;

border-width: 1px 1px 0px;

z-index: 999;

}

#topnav li ul li {

border-top: 1px solid #989898;

border-bottom: 1px solid #343434;

border-right: none;

border-left: none;

}

#topnav li ul li a {

background: #1F5A91;

width: 100px;

height:30px;

color: #fff !important;

font-weight: normal;

opacity: .80;

filter: alpha(opacity=80);

text-shadow: 0px 1px 0px #000 !important;

}

#topnav li ul li a:hover {

text-shadow: 0px 1px 0px #fff !important;

}

#topnav .sf-sub-indicator {

display: none;

}

#topnav li ul li a.sf-with-ul {

padding: 7px 12px;

}

#topnav li ul li a:hover {

background: #000;

color: #fff !important;

text-shadow: 0px 1px 0px #000 !important;

text-decoration: none;

}

#topnav li ul ul {

margin: -31px 0px 0px 150px;

}

#topnav li ul ul li a {}

#topnav li ul li ul li a {}

#topnav li:hover,#topnav li.hover {

position: static;

}

#topnav li:hover ul ul, #topnav li.sfhover ul ul,

#topnav li:hover ul ul ul, #topnav li.sfhover ul ul ul,

#topnav li:hover ul ul ul ul, #topnav li.sfhover ul ul ul ul {

left: -999em;

}

#topnav li:hover ul, #topnav li.sfhover ul,

#topnav li li:hover ul, #topnav li li.sfhover ul,

#topnav li li li:hover ul, #topnav li li li.sfhover ul,

#topnav li li li li:hover ul, #topnav li li li li.sfhover ul {

left: auto;

}

如何為WordPress主題制作下拉菜單

可以利用WordPress自定義的菜單功能來實現(xiàn)下拉菜單；詳細方法如下：

1、在functions.php中添加以下代碼，使主題支持自定義菜單功能。如圖代碼：

2、添加一個頂部菜單。如圖代碼所示：

3、把wp_nav_menu()函數(shù)放到一個自定義函數(shù)當中.如圖代碼所示：

4、在header.php中的適當位置調用我們的自定義函數(shù).

5、已經(jīng)支持一個自定義菜單了，接下來利用jQuery實現(xiàn)下來菜單的動畫效果。如下圖所示代碼：

6、這樣，下拉菜單就制作完成了。