JOOMLA! 2.5 基础指南-导航

每個網站點需要一個易于理解的導航, 否則用戶就不便找到他所需要的内容。這聽起來簡單,做起來不易。最完美的情況下僅需兩到三次點擊即可訪問到網站的目标頁面。另一個事實是,你的訪客可能來自搜索引擎或社交媒體網站,他們并不總是首先訪問你網站的首頁。這就是必須考慮在每個頁面添加“首頁”按鈕的理由!

網站通常包含主導航和二級導航。主導航通常在網站頂部或左側或右側。二級導航則在底部或頂部,但大多比主導航來得小。它們一般包含諸如聯系人、關于我們和法律聲明等鏈接。設置初衷是把這些網站鏈接放在某個不很重要的位置。

作爲通則,導航不宜超過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

您可以創建分類或使用現有的分類 (閱讀全文:用分類構建内容)。

Step 1: 菜單

如何繼續取決于你。最簡單的辦法就是使用現有的Primary Links 菜單。如果你需要,就可以新建個菜單。

Step 2: 菜單項

當你處理類别時,你必須考慮好點擊鏈接後要顯示些什麽。本例的預期效果是

  • Category News → all =顯示所有的新聞
  • Category News → World = 僅顯示國際新聞

等等(圖 8)。

圖 8: News 菜單内的菜單項

要達到預期效果,可以用類别博客 類型來創建菜單項。在 必填設置, 選擇您新建的類别News。 在博客布局選項,選擇包括子類别-全部、#頭條文章=0。繼續爲每個類别創建嵌套菜單項,直到完畢 (圖 9)。

圖 9: 類别選項

現在你就可以對付成千上萬的文章了。導航已經就緒,訪客能立馬領會系統含義(圖 10)。

圖 10: 類别結構中的文章

一些調整

如你所見,這裏的設置選項組合非常之多。許多事情都可以做到的,通常也有一種方法來達到您的目的。關于導航設計,可以在模塊内篩選出菜單項的層級。比如說,我們可以做到

  • 把 News 菜單的第一級放在頂部,而把它的第二和第三級放在左側欄或右側欄
  • 把整個菜單放在頂部并使用下拉式菜單(取決于模闆的能力)

如果你能細緻把玩,你會發現幾乎每種情況都能找到相應的解決。Joomla 的導航系統一方面有點複雜,另一方面卻很強大。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值