就是追求完美的菜單...
這是第一部分的教程
第2部分本教程講授如何建立垂直菜單+黑暗調色板的橫向
我決定讓論文的主題 ,因為我的一個客戶告訴我有關論文之間的兼容性問題,我的WordPress的成員網站的插件 MemberWing。 本人固定,然後決定採取仔細看看論文,實際上困擾觀看影片在頭版主要論文網站- Diythemes.com。
給我印象最是注重細節,用戶友好和最重要的-搜索引擎功能,如此經過深思熟慮的。
MemberWing會員插件的目的是從根本上為會員站點,將需要從盡可能多搜索引擎優化果汁越好。 因此,我付出許多許多的注意SEO的改進和波羅蜜在MemberWing。 我自己的許多客戶詢問不同的主題,使用和有主題,得到了很好的優化,搜索引擎優化從內心深處,將是一個非常適合門戶籍企業家。
搜索引擎優化相結合的權力MemberWing與SEO權力, 論文的主題才是最好的排名的機會,我的客戶。 因此,我論文,發揮了與它一天。
這是一個很好的主題,在所有的方面。 導航是其組成部分,雖然有點有限的功能。 起價1.5 +論文是唯一的一級菜單。 我平時的願望是可以自定義導航高達需要。 有些網站只有幾頁紙,也有許多人噸不計其數的靜態頁面的文章+ / +大量職位類別。
因此,在理想的世界中有機會創造好看的等級組織的用戶友好的導航菜單是必須的。 論文對了它們有好看的導航,但我注意到,所有論文的網站是看起來像雙胞胎。 自定義導航菜單的論文不是很容易讓大多數人只是離開它是。 沒有辦法改變命令類別菜單或立場他們在頁之間。 再次,能夠創建嵌套菜單結構缺失。 所以我決定看看有什麼可以做對了。
在嘗試大約半打菜單/導航相關插件設置我選擇的WordPress的插件NAVT導航名單 。
NAVT插件基本上是無序列表發電機超級幻想和有點難以數字非傳統的管理界面。 什麼是誤導,它實際上並沒有創造幻想尋找菜單本身。 它最困難的部分,雖然就業-為您提供了視覺能力拉在一起,產生無序列表-骨架菜單到的。 並且您可能會造成很多的菜單了。 你可以把所有種WordPress的東西到導航菜單:頁,職位,文章,分類,用戶,代碼塊,外部鏈接,分頻器,分離和混合和匹配,巢,並安排和定制他們在任何樹狀結構你想要。
NAVT為您生成的HTML,導致無序列表。 二美的NAVT是,它有助於您插入新的菜單到您的主題通過著名的JQuery的基礎的邏輯,但沒有需要改變任何代碼! NAVT允許您指定:“替換此#元素與我的新NAVT菜單”。 #元素可能是一個ID或類路徑現有的菜單或div元素標記正在產生當前的主題。 因此,NAVT這是否為您更換不強迫你去為主題的代碼,使之更加混亂比現在。 如果這聽起來像廢話-不用擔心-我會引導你一步一步很快。 具有挑戰性的部分NAVT每個人的是,你必須拿出實際的CSS +圖片+ JavaScript代碼菜單自己。 它取決於你找出在何處以及如何把這些文件,並得到適當的這些東西連接在一起。
真誠不知道JQuery的一些PHP + + +有體面的CSS經驗WordPress的-這件事很難拉。
欣然我知道這一點東西,所以我決定咬緊牙關,引導人類自由建設最好的最好的導航菜單為Wordpress。 我只需要找到一些不錯的來源尋找橫向的CSS菜單。 我拿起動態驅動的網站他們的最佳選擇,演示和來源。
俺一天專門研究論文和玩耍NAVT插件。 在最後我自豪地創建了自定義,靈活,搜索引擎優化優化,多層次,結構嵌套nagivation我的WordPress +論文的站點。
名單的功能多層次,嵌套WordPress的導航菜單的論文主題
(你必須熱愛這個東西):
- 專業,廉潔的外觀和感覺。
- 支持所有的現代瀏覽器,包括MSIE 6,7,歌劇,Safari瀏覽器,火狐3.x中,谷歌瀏覽器的JavaScript和非JavaScript模式。
- 優雅downgradable非JavaScript的瀏覽器。 你會使用的菜單,視覺和工作類似甚至禁用JavaScript的瀏覽器(雖然只是頂級導航都可以看到,沒有flyouts當然會發生,因為它們是由JavaScript的)。
- 搜索引擎優化友好的功能-無序列表菜單代碼生成在HTML。 谷歌和其他搜索引擎Spider可以索引您的導航結構,找到鏈接到內頁。
- 支持無限嵌套層次和能級。
- 支持任何命令或網頁,職位(通過用戶定義的URI),類別,用戶自定義代碼塊和外部鏈接在菜單。
- 支持文本,以及基於圖像的菜單元素。 (我還沒有嘗試這些雖然)。
- 菜單結構和內容是通過視覺調節NAVT管理領域。
- 緊湊型:JQuery的基礎flyouts嵌套水平。
- 快速:JQuery的為菜單加載從谷歌服務器(我喜歡論文本身也這樣做,而不是拉在本地)。 這將加快一點東西。
- 可擴展性-這種類型的菜單編輯和配置在任何時間通過NAVT插件設置,不須任何編碼。
我用這個優良的菜單驅動的動態網站作為基地。 我自定義JavaScript代碼1位以及包括大塊的PHP到custom_functions.php,使其工作論文。 另外的一些會前現有網頁,類別和崗位從我的網站被用來組裝菜單結構。 您的網站細節會有所不同-但概念是相同的。
因此,讓繼續,好嗎?
一步一步的指示,安裝NAVT的嵌套,可定制的,多層次,搜索引擎優化友好
僅僅是純涼看導航菜單的Wordpress和論文的主題
- 轉到WordPress的管理面板。 插件->“添加新的,搜索”navt“。 該插件將顯示。 單擊[安裝],[現在安裝],“激活插件”。
- 工具“NAVT名單,裡面”導航組“區域找到”組名稱“,然後輸入:”menu1“在外地,按[創建]按鈕。 “menu1”長方形的面積得到建立。
這種“menu1”區域將成為主要的操場建設的菜單。 您將在這裡拖放菜單元素。 - 在“資產”方面找到“其他”列表框,然後點擊“主頁”的選擇。 “家”thingie內部將出現“未分配”區。 奇怪,不是嗎? 不用擔心,只要它工作-它會為我們。
- 拖動這個“家”thingie從“資產”的地區為“menu1”長方形的面積。 這將成為“家”項目在菜單中。
- 重複步驟3-4一些網頁的“網頁”方面,以及類別的“類別”區域。 任何其他項目拖到你想成為你的菜單內“menu1”矩形。 您可以點擊網頁,分類,用戶和一些自定義的元素,例如“列表分隔”和“代碼塊”。 代碼塊是涼快的方式添加自定義菜單內的片段。
- 您可以拖曳菜單項內“menu1”區重新安排它們的順序。
- 你可能會調整等級的立場每個菜單項與“”“和”“”箭頭。
- 點擊文字名稱的每個菜單項-打開令人震驚的額外定制對話框這個項目。 我大多使用的默認值,但在技術上你可以去瘋狂,開始生產基於圖像的菜單選擇並添加大塊的HTML代碼到它。 進行謹慎心態。
- 對於linkless unclikable子,將作為“父母”其他“子孩子說:”我用“代碼塊”型。 例如,當自定義代碼塊等項目我進入“菜單項別名”=“MemberWing”和“輸入代碼塊:”=“的<a href='#'> MemberWing”/ 1“”。 之後的HREF =“#”將使得無法點擊,但作為一個有效的“父”菜單選擇。
- 以下是如何我NAVT'menu1'建立結構看上去差不多完成:
- 初步建設完成,然後點擊“齒輪”圖標,自定義您的菜單結構:
- 這將打開對話框,其中4個標籤:選項,顯示的CSS,主題。
- 在這一點上菜單的建設從內部NAVT插件選項完成。
現在是時候做一些調整,為論文的主題得到它準備好。 為此,我們需要添加一些自定義文件- CSS和javascript屬於菜單和更新論文'custom_functions.php - 下載文件的全套這裡 。
- 解壓縮檔案。 如果你更新了你custom_functions.php與您的自定義-你需要把它們合併與我的東西。 我將留給你了。
如果你還沒有摸到了-隨時覆蓋它與我的。 請注意:我更願意立場菜單下的網頁標題(默認為以上) -因此,我的調整,包括這也偏愛。 - 上傳檔案包括所有子目錄和文件在你的論文主題是 '習慣'目錄,例如:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
我並沒有觸及custom.css -我寧願保持菜單,具體的CSS根據自己的位置,以避免造成混亂內部custom.css - 此時,您可以重新載入您的網站,看看新的美好的新層次,嵌套,搜索引擎優化優化的菜單。
- 您可以隨時返回NAVT設置和定制你的菜單有更多的選擇或重新定位任何東西。 這將反映在自動運行的網站。
前進的道路...
本教程包括創新的例子,一種類型的菜單。我打了一個又一個-僅僅是為了看看深色菜單會是什麼樣子:
論文的主題 -多級嵌套的CSS菜單-黑暗調色板
我認為這是非常好的。 還有更多的樣本可在航行動態驅動器 -所有這些都是可以定制的論文和其他Wordpress主題的一些努力:
我希望你會發現本教程有益的和有用的。 正如我所說,這是可以自定義任何這些菜單的論文-這是特定時間和願望去實現它。
我可以做這項工作為您以合約形式。 您只需選擇菜單你喜歡, 我聯繫 ,我會工作的代碼和說明為您的網站。
$ 20
當然,你是否有建立超級搜索引擎優化優化高級WordPress會員門戶網站-最佳的解決辦法是:
論文主題 + MemberWing會員插件 + WordPress的自我設的課程。


