追求完美的垂直菜單...
本教程的第1部分介紹建設水平的多級嵌套菜單的過程中一步一步WordPress的論文主題 。 第2部分將繼續加強此功能。 在這裡，我們將添加水平導航菜單中的“暗”版本，我會教你如何“光明”和“黑暗”版本之間切換。 第2部分第1部分超。 它包括了從第1部分+增加了更多的很酷的東西。
主要的想法，我想提出論文的主題是增加垂直菜單（和一般的WordPress的）。 我一直在尋找真正靈活，搜索引擎友好的多瀏覽器兼容的垂直菜單，將可以創造無限的嵌套級別。
網上有主題網頁萬噸，但是當我開始嘗試所有這些樣本 - 他們要么打破了，四分五裂，只支持數量有限的水平或行為不端蓋茨+鮑爾默junksplorer“6。 最後，我回來嘗試和信任的動態驅動器菜單，垂直樣品被證明是一個不錯的情況下，適合我的嚴格要求。 我不得不大幅改變他們雖然以確保它符合論文模型。
繼續追求完美...
我花了大約16個小時的搜索，裝配，檢測，修復，拋光和調整垂直菜單的CSS和JS代碼和3/4的時間是花在使它工作在MSIE 6。
不管怎麼說，我是最終的結果感到高興。 導致垂直導航菜單有所有橫向菜單有同樣的好處 。
有能力增加垂直菜單，約70-80％的門戶網站在網絡上是非常重要的。 橫向菜單，限制了“空間”容納很多菜單的選擇，但垂直菜單沒有此限制，將極大的幫助。 所以在這裡我們去。
許多步驟來做到這一點已經在教程的第一部分描述，所以這會讓位較短，但功能更豐富的結果。
這裡有雲：
建設搜索引擎友好，垂直，多層次，分層嵌套菜單Wordpress和論文的主題 。 一步一步
（......你從來沒有想過可能...）
- 執行PHP插件安裝並激活它。 我們需要它，因為我將使用PHP文本構件內發出的垂直菜單的HTML代碼。
- 做步驟1 - 6 教程的第一部分 。 基本上，你需要安裝並激活使用NAVT插件+視覺上建立你的菜單。 確保您的菜單組的名稱是“MENU1。 這個名字是硬編碼在custom_functions.php
- 您MENU1'組上的“齒輪”圖標，點擊編輯它的屬性：
- 如下步驟第1部分教程7.1 -7.3設置“選項”，“顯示”和“CSS”選項卡設置。
- 現在，單擊該對話框上的“主題”選項卡。 我們將覆蓋設置有數量（如果你已經按照步驟1）。 這是確定的 - 你不會失去任何東西 - 但這些變化是必要的，因為我已經改變了一些代碼從第1步。
這裡需要填寫此對話框：- 裡面的“主題的XPath：”區域輸入此代碼（命令來取代任何與這些類的標籤）：
.jquerycssmenu, .jqueryslidemenu - 設置“動作”，“替換”
- 裡面的“添加標籤之前導航組”區域輸入此代碼：
<div class='jquerycssmenu' style='margin-top:5px;'> - 內進入“添加標籤後，導航組”區域代碼：
<br style='clear: left' /></div> - 點擊[保存/關閉]按鈕。
- 裡面的“主題的XPath：”區域輸入此代碼（命令來取代任何與這些類的標籤）：
- 現在去WordPress管理面板 - >外觀 - >小工具。
- 拖曳到“側欄1”右側區域的“文本”部件（從大的“可用部件”區域）。 我們將加入到文本構件的代碼，這將有助於我們兌現垂直菜單。
注：我相信你有“側欄1”存在。 論文的選項允許你關閉它 - 但本教程為了讓讓它成。 - 一旦你拖拽這個小工具 - 它會像花兒一樣（我現在感覺浪漫MSIE中的鬥爭，是過去）打開。
- 在“標題”區域中輸入“世界上最好的垂直菜單”......好吧，隨意使用你的創造力 - 文本將上面去你剛出生的垂直菜單。
- 在大面積的文本 - 進入這個PHP代碼：
<?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?> - 按[保存]按鈕，點擊“關閉”鏈接。
- 下載更新的文件在這裡 。
該歸檔文件包括：- 更新版本的“光明”橫向菜單代碼
- 橫向菜單的“黑暗”的版本
- 垂直菜單代碼
- 更新的custom_functions.php的版本
- 現在，你需要解壓縮這個檔案上傳到“自定義”目錄論文的主題 。
注：如果你這樣做內部custom_functions.php任何自定義 - 你需要將它們合併。 如果沒有 - 覺得我的版本覆蓋。 - 瞧！ 現在你可以重新載入您的網站，看到相同的“光明”橫向菜單+ neato在左側邊欄的垂直菜單。
- 獎金的任務：讓改變“亮”的水平菜單上的“黑暗”的配色方案。
- 裡面custom_functions.php文件：
更換這樣的代碼：
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
與此代碼：
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
基本上我們註釋掉一行註釋另一個。 - 現在去後台管理 - >工具 - > NAVT名單和上述的“齒輪”圖標上單擊“編輯”MENU1“組屬性”。
- 單擊“主題”標籤。
- 裡面的“添加標籤之前導航組”區域輸入此代碼：
<div class='jqueryslidemenu' style='margin-top:5px;'> - - 重新加載頁面 - 你的主要的水平導航菜單“神奇”變得黑暗，這樣的事情：
論文的主題 -多層嵌套的CSS菜單-黑暗的調色板
黑暗的調色板可能更適合某些網站比光線的顏色之一。 所以，現在你有你的生活自由的選擇！
- 要回到“光明”的配色方案 - 撤消上述“紅利”的步驟。
- 裡面custom_functions.php文件：
- 結論：
我愛論文的主題 ，我愛Wordpress和我愛的事實，我們有一個體面的導航菜單添加到我們的門戶網站的方式。
$ 20
享受！
格列布·艾斯門
