WordPress制作垂直手風(fēng)琴菜單方法
我們?cè)诮o客戶定制網(wǎng)站的時(shí)候，會(huì)遇到用戶提出他們的產(chǎn)品在側(cè)邊欄以手風(fēng)琴的方式展示，就是點(diǎn)擊父級(jí)分類可以展開或折疊子級(jí)。今天小編就為大家分享WordPress制作垂直手風(fēng)琴菜單方法。
1.就是通過插件來實(shí)現(xiàn)
首先點(diǎn)擊http://downloads.wordpress.org/plugin/jquery-vertical-accordion-menu.3.1.2.zip下載該插件，然后進(jìn)行安裝。您可以先解壓通過FTP安裝，也可以直接在網(wǎng)站后臺(tái)點(diǎn)擊插件-添加進(jìn)行安裝。安裝后啟用，然后在外觀-小工具里面有個(gè)小工具：
然后把這個(gè)小工具拖到對(duì)應(yīng)的側(cè)邊欄，在之前您要做一個(gè)菜單備用。
展開菜單，支持點(diǎn)擊或懸停的方式，支持自動(dòng)關(guān)閉打開的菜單，支持保存當(dāng)前菜單狀態(tài)，支持默認(rèn)打開設(shè)置也就是說如果是當(dāng)前菜單，則自動(dòng)打開，可以禁用父級(jí)鏈接，顯示子分類數(shù)量等等。可以默認(rèn)提供的皮膚不能滿足我們的需要，這里時(shí)候我們可以自定義，比如我最近給客戶做的項(xiàng)目，展示效果如下：
這個(gè)方法比較簡單，如果您不想安裝插件，假設(shè)動(dòng)手能力比較強(qiáng)的話，可以通過第二種方法：
2.整合進(jìn)主題
首頁要保證你的菜單結(jié)構(gòu)如下：
然后引入js，
如果是wordpress主題，您先在主題文件夾下，創(chuàng)建一個(gè)js文件夾，然后把http://www.designchemical.com/lab/jquery-plugins/jquery-vertical-accordion-menu.2.7.zip下載下來，把里面的三個(gè)文件放進(jìn)去。再打開functions.php，加入下面的代碼：
wp_enqueue_script(“cookie.js”, get_template_directory_uri().”/js/jquery.cookie.js”,array(),false,true);
wp_enqueue_script(“hoverIntent.js”, get_template_directory_uri().”/js/jquery.hoverIntent.minified.js”,array(),false,true);
wp_enqueue_script(“dcjqaccordion.js”, get_template_directory_uri().”/js/jquery.dcjqaccordion.2.9.js”,array(),false,true);
然后打開footer.php文件，在
