每個網站點需要一個易于理解的導航, 否則用戶就不便找到他所需要的内容。這聽起來簡單,做起來不易。最完美的情況下僅需兩到三次點擊即可訪問到網站的目标頁面。另一個事實是,你的訪客可能來自搜索引擎或社交媒體網站,他們并不總是首先訪問你網站的首頁。這就是必須考慮在每個頁面添加“首頁”按鈕的理由!
網站通常包含主導航和二級導航。主導航通常在網站頂部或左側或右側。二級導航則在底部或頂部,但大多比主導航來得小。它們一般包含諸如聯系人、關于我們和法律聲明等鏈接。設置初衷是把這些網站鏈接放在某個不很重要的位置。
作爲通則,導航不宜超過4到8個鏈接。
面包屑
'面包屑'屬于輔助導航。它來源于格林兄弟童話裏面 Hansel 和 Gretel 留下的面包屑。通常面包屑水平放置在網頁頂部。它用到了兩種結構:
- 顯示用戶一路點擊抵達當前頁面的每個來路鏈接
- 顯示當前頁的父頁面
面包屑用于防止訪客在網站迷途。最理想的情況是訪客時時知道自己身在何處。Joomla 提供了面包屑模塊來達成該目的,并且多數模闆都爲面包屑保留好了位置(圖 1)。
圖 1: 面包屑
JOOMLA 菜單
Joomla 的導航由菜單創建。你可以按需爲網站創建任意數量的菜單。每個菜單可以包括任意數量的嵌套菜單項,你也可以對菜單層級進行篩選。菜單項可分配給組件或外部網址。菜單項也可以分配模塊和模闆樣式。在示例數據中,已經創建了一些菜單用于顯示。
讓我們看兩個靜态頁面和動态分類的主導航示例。
第一個例子:靜态目錄或書目結構
有時你需要爲書設置導航,目錄或指南。你可以參照示例數據的菜單About Joomla 的設置。讓我們假設現在要撰寫一本僅有三個章節的書。
導航應當鏈接到所有的頁面,它看起來類似 圖 2。
圖 2: 靜态書本結構
準備
創建一個具有少許章節的書目結構。
- The Joomla book
- Introduction
- Content
- How to use A
- How to use B
- Templates
在創建菜單項前,你首先得創建單獨的文章(頁面)。打開 内容 → 文章管理器 → 添加新文章 (圖 3)。你可以把這些文章歸到未分類 ,或者你可以提前創建個 book 類别,并把它們歸入其中。
圖 3: 六個 '書章節'
Step 1: 創建菜單
你可以使用已存在的菜單或者也可以通過‘菜單’→‘菜單管理器’中的表單創建一個新的菜單。 (Figure 4).
Figure 4: 添加新菜單
Step 2: 創建菜單項
打開菜單→ Primary links 并且把六篇文章加做鏈接。選擇單個文章作爲菜單項類型。 選擇文章并輸入菜單标題(圖 5)。 如果你忘記了怎麽做,請參考如何創建'關于我們' 頁面。
圖 5: 主菜單項
Step 3: 創建并分配模塊
這一步有點棘手。你現在已經有了文章、菜單和菜單項,但你還需要在網站上設置個模塊位置。讓我們動手創建一個。打開擴展→ 模塊 → 新建模塊 并填寫表單。在基本設置的選擇菜單字段,選擇Primary links。在字段顯示子菜單項選擇是(圖 6)。
圖 6:主鏈接模塊
最後一步是模闆位置。點擊 選擇位置按鈕, 篩選出模闆Beez_20 并選擇 position-4。保存好即告完工。
圖 7: 選擇模闆位置
第二個例子:鏈接至類别(新聞雜志)
在第一個例子中,頁面鏈接數量有限是可行的,但如果你的文章成千上萬了怎麽辦? Joomla 給出的解決很簡單:
用類别來建立結構,把文章歸類并創建分類布局鏈接。
準備
我們需要一些文章分類:
類别:
- News
- World
- Africa
- Europe
- Technology
- Internet
- Cars
- World
您可以創建分類或使用現有的分類 (閱讀全文:用分類構建内容)。
Step 1: 菜單
如何繼續取決于你。最簡單的辦法就是使用現有的Primary Links 菜單。如果你需要,就可以新建個菜單。
Step 2: 菜單項
當你處理類别時,你必須考慮好點擊鏈接後要顯示些什麽。本例的預期效果是
- Category News → all =顯示所有的新聞
- Category News → World = 僅顯示國際新聞
等等(圖 8)。
圖 8: News 菜單内的菜單項
要達到預期效果,可以用類别博客 類型來創建菜單項。在 必填設置, 選擇您新建的類别News。 在博客布局選項,選擇包括子類别-全部、#頭條文章=0。繼續爲每個類别創建嵌套菜單項,直到完畢 (圖 9)。
圖 9: 類别選項
現在你就可以對付成千上萬的文章了。導航已經就緒,訪客能立馬領會系統含義(圖 10)。
圖 10: 類别結構中的文章
一些調整
如你所見,這裏的設置選項組合非常之多。許多事情都可以做到的,通常也有一種方法來達到您的目的。關于導航設計,可以在模塊内篩選出菜單項的層級。比如說,我們可以做到
- 把 News 菜單的第一級放在頂部,而把它的第二和第三級放在左側欄或右側欄
- 把整個菜單放在頂部并使用下拉式菜單(取決于模闆的能力)
如果你能細緻把玩,你會發現幾乎每種情況都能找到相應的解決。Joomla 的導航系統一方面有點複雜,另一方面卻很強大。