論文的主題 - 多層次,嵌套,搜索引擎優化友好菜單 - 教程

論文主題教程 - 加入多層次,嵌套,搜索引擎優化友好的導航菜單到Wordpress

gesman2009年7月8日

就是追求完美的菜單 ...

這是第1部分教程
第2部分本教程講授如何建立垂直菜單+深色調色板的水平1

我決定讓論文的主題 ,因為我的一個客戶告訴我有關兼容性問題上的論文和我的wordpress的成員網站插件 MemberWing。 我固定,然後決定採取仔細看看論文,實際上困擾觀看影片在頭版主要論文網站- Diythemes.com
給我印象最是注重細節,用戶友好,最重要的是 - 搜索引擎優化功能,那麼經過深思熟慮的。
MemberWing會員插件的目的是從根本上針對會員網站需要盡可能多的SEO拉果汁越好。 所以,我付了大量的注意,許多 SEO的改進與完善中MemberWing。 我的許多客戶都問自己不同的主題,並具有良好的主題是這樣的SEO優化,從內心深處將是一個非常適合會員門戶網站的企業家。

結合搜索引擎優化與搜索引擎優化權力MemberWing權力將給予最好的排名的機會,我的客戶。 所以我得到了論文,並發揮它的一天。

這是一個很好的主題,所有的方式。 該衛星的一部分,它雖然是位有限的功能。 起價 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的導航菜單
一定喜歡這個東西):

  • 專業,廉潔的外觀和感覺。
  • 支持所有現代瀏覽器,包括6,7的MSIE,歌劇,Safari瀏覽器,火狐3.x中,谷歌瀏覽器的JavaScript和非JavaScript模式。
  • 優雅 downgradable非JavaScript的瀏覽器。 您菜單將可用,視覺相似,甚至禁用JavaScript工作瀏覽器(雖然只有頂級導航將是可見的,沒有 flyouts當然會發生,因為它們是由JavaScript的)。
  • 搜索引擎友好的功能 - 無序列表菜單代碼內生成的HTML。 谷歌和其他搜索引擎蜘蛛將能夠索引你的導航結構,並發現內頁的鏈接。
  • 支持無限嵌套層次和能級。
  • 支持的任何命令或網頁,職位(通過用戶定義的URI),類別,用戶自定義的代碼塊和外部聯繫的菜單內。
  • 支持文本和圖像的菜單內容。 (我還沒有嘗試這些雖然)。
  • 菜單結構和內容是通過視覺調節 NAVT管理區。
  • 緊湊型:JQuery的基礎 flyouts嵌套級別。
  • 快速:JQuery的加載的菜單從谷歌服務器(我愛論文本身也這樣做,而不是拉在本地)。 這將加快一點事情。
  • 可擴展性 - 這種類型的菜單編輯和配置在任何時候通過 NAVT插件設置而無需任何編碼。

我用這種良好的動態菜單驅動的門戶作為基地。 我有一個自定義 JavaScript代碼位以及包括大塊的PHP到custom_functions.php使其與論文。 也有多少預先存在的網頁,分類和職位從我的網站被用來組裝菜單結構。 您的網站細節會有所不同 - 但是概念是一樣的。
因此,讓繼續,好嗎?

一步一步的指示安裝NAVT的嵌套,可定制,多層次,徐友好
僅僅是純涼看導航菜單Wordpress和論文主題

  1. 前往WordPress的管理面板。 插件->“添加新的搜索”navt“。 該插件會被顯示。 單擊 [安裝],[立即安裝],“激活插件”。
  2. 工具-> NAVT名單,裡面“導航組”區找到“組名稱”,然後輸入:“menu1”在外地,按[創建]按鈕。 “menu1”矩形3.489創建。
    這種“menu1”區域將成為主要的運動場菜單建設。 你會在這裡拖放您的菜單內容。
  3. 在“資產”方面找到“其他”列表框,然後點擊“家”的選擇。 “家”thingie內將出現“未分配”區。 奇怪的,是嗎? 不用擔心,只要作品 - 它會為我們。
  4. 拖動這個“家”thingie從“資產”區分為“menu1”矩形的面積。 這將成為“家”中的項目菜單。
    • 重複步驟 3-4為一些網頁由“網頁”地區,以及類別的“類別”區域。 任何其他項目拖到您想在您的菜單裡面“menu1”矩形。 您可以點擊網頁,分類,用戶和一些自定義的元素,例如“名單分”和“代碼塊”。 代碼塊涼爽的方法添加自定義代碼段內的菜單。
    • 你可以拖動菜單項內部“menu1”區域,以重新排列它們的順序。
    • 您可能會調整等級每個菜單項的位置與“<”和“>”箭。
    • 點擊文字名稱的每個菜單項 - 打開心令人難以置信的額外定制對話框這個項目。 我大多使用默認但在技術上你可以去瘋狂,開始生產基於圖像的菜單選擇和大塊的HTML代碼添加到它。 雖然謹慎行事。
    • 對於 linkless unclikable子,將作為“父母”其他“子孩子們”我使用的“代碼塊”型。 例如,當項目自定義代碼塊等我進入“菜單項別名”=“MemberWing”和“輸入代碼塊:”=“的<a href='#'> MemberWing </一>”。 的HREF =“#”將無法點擊,但它作為一個有效的“父母”菜單選擇。
  5. 以下是如何我NAVT'menu1'建立結構看起來像幾乎完成:
    navt_building_icon
  6. 完成初步建設,然後點擊“齒輪”圖標來定制你的菜單結構:
    navt_customize_menu
  7. 這將打開對話框有4個選項卡:選項,顯示的CSS,主題。
    1. 進入“選項”標籤,並確保一切是氾濫,“組名”說:“menu1”
    2. 進入“顯示”標籤,並確保一切“顯示導航組 ...”區被選中的[x]。 休息休假的默認。
    3. 轉到“0”標籤,並選擇單選按鈕(X)“不要應用 CSS班”。
    4. 進入“主題”標籤,並填寫在這樣的:
      navt_configuration_theme_tab_icon
      插入“添加標籤之前...”地區代碼:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      插入“添加標籤後 ...”地區代碼:
      <br style='clear: left' /></div>
    5. 按[保存/關閉]按鈕
  8. 此時菜單的建設從內部 NAVT插件選項就完成了。
    現在是時候做一些調整,為得到它準備。 為此,我們需要添加一些自定義的文件 - CSS和JavaScript的,屬於菜單和更新論文'custom_functions.php
  9. 下載完整的一套文件在這裡
  10. 解壓縮檔案。 如果你更新你定制你的custom_functions.php - 你需要合併他們與我的東西。 我會留給你。
    如果你還沒有觸及它 - 隨時覆蓋它與我的。 請注意:我更願意立場菜單下的網站標題(默認以上) - 所以我的調整也包括這種偏好。
  11. 上傳檔案包括所有子目錄和文件在你的 '定制'目錄,例如:
    .../themes/THESIS-DIR/custom/custom_functions.php
    .../themes/THESIS-DIR/custom/jquerycssmenu/...

    我還沒有觸及 custom.css - 我寧願保持菜單的CSS根據自己的具體位置,以免造成混亂裡面 custom.css
  12. 此時,您可以重新載入您的網站,看看新的美麗新的多層次,嵌套,搜索引擎優化優化的菜單。
  13. 你可能總是返回NAVT設置和定制你的菜單有更多的選擇或重新定位任何東西。 這將反映在直播現場自動。

前面的道路...

本教程包括創意的例子,一種類型的菜單。我玩過一個又一個 - 只要看看深色菜單會是什麼樣子:

Thesis theme - multilevel nested CSS menu - dark palette

-多級嵌套的CSS菜單-黑暗調色板

我認為這是相當好的。 還有更多的樣本可在航行動態驅動器 -所有這些都是可以自定義為Wordpress主題論文和其他一些努力:

Dynamic Drive Horizontal Menus

動態車道橫向菜單

我希望你會發現這個教程有益的和有用的。 正如我所說,這是可以自定義任何這些菜單的論文 - 這是給定的時間和慾望,使之發生。

我能為你做這項工作以合約形式。 只需選擇您喜歡的菜單, 與我聯繫 ,我會的工作守則和指示,為您的網站。

20元

當然,如果你到搜索引擎優化建設超白金WordPress的成員門戶 - 最好的解決方案是:
論文主題 + MemberWing成員插件 + 託管WordPress的自我的過程。

發表評論

曾任職務:

下一步郵編: