每個網站點需要一個易于理解的導航, 否則用戶就不便找到他所需要的内容。這聽起來簡單,做起來不易。最完美的情況下僅需兩到三次點擊即可訪問到網站的目标頁面。另一個事實是,你的訪客可能來自搜索引擎或社交媒體網站,他們并不總是首先訪問你網站的首頁。這就是必須考慮在每個頁面添加“首頁”按鈕的理由!
網站通常包含主導航和二級導航。主導航通常在網站頂部或左側或右側。二級導航則在底部或頂部,但大多比主導航來得小。它們一般包含諸如聯系人、關于我們和法律聲明等鏈接。設置初衷是把這些網站鏈接放在某個不很重要的位置。
作爲通則,導航不宜超過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 的導航系統一方面有點複雜,另一方面卻很強大。
相关推荐
Joomla2.5基础指南 安装和使用 中文版,让您步入Joomla
Joomla! 2.5 Beginner's guide ,这是免版权免费发放的入门书,英文pdf格式
Yootheme Zoo 2.6.2 for Joomla! 2.5 全模块版本
Joomla! is one of the most popular open source Content Management Systems, actively developed and supported by a world-wide user community. It’s a free, fun, and feature-rich tool for anyone who ...
提示:这是学习Joomla!3扩展开发 - 第三版源码.zip 我要感谢Joomla的每个人!社区为了贡献和共同努力制作出可供所有人使用的 优秀软件,没有您的努力,这本书是不可能的。 非常感谢Andrew Eddie,自从我在2009年...
一款很好的Joomla2.5模板
joomla是一项开源的网站程序,具有非常丰富的插件功能。
Joomla 2.5.25 full install
用户配置文件插件是一个很好的例子,在Joomla中添加!2.5 扩展了用户注册表单上的字段,并允许您捕获其他详细信息,如地址、服务条款、出生日期和网站。如果您想保留用户登录并注销网站时的日志,可以编写用户插件来执行...
学习Joomla!3扩展开发 第三版 版权所有©2013 Packt Publishing 版权所有。未经出版商事先书面许可,不得以任何形式或任何方式复制,存储在 检索系统中或以任何方式传播本书的任何部分,除非在重要文章或评论中嵌入...
FrontpageSlideshow是一个简单易用但功能强大的内容的幻灯片,为你的Joomla!网站。建立在这样一种方式,很容易部署和自定义任何的Joomla!网站最灵活的幻灯片系统在Joomla!扩展的世界。使用FrontPage的幻灯片,以...
Joomla! 插件开发指南Joomla! 插件开发指南Joomla! 插件开发指南
在JOOMLA!1.5.x和1.0.x下的安装说明见下: Installation in Joomla! 1.5.x ----------------------------- DOCman only works with Joomla! v1.5RC3 or later. 1. Turn on legacy mode. [Extensions -> Plugin ...
Joomla 3 模版开发,介绍如何建立模版,如何通过framework建立模版,高级模版开发
Joomla!是一套获得过多个奖项的内容管理系统(Content Management System, CMS)。Joomla!采用PHP+MySQL数据库开发,可运行在Linux、Windows、MacOSX、Solaris等各种平台上。Joomla!除了具有新闻/文章管理,文档/图片...
2.5 的一款内容插件,它的功能是动态控制 Joomla! 文章内容指定部分的阅读权限。 Core Design Access Text plugin 允许用户在文章中对某一部分内容设定其阅读权限。例如,第一部分只允许名叫“Tom”的用户阅读,第...
Joomla! A User's Guide: Building a Successful Joomla! Powered Website中文版。 入门书籍。网友翻译。 关于本书 对于Joomla! 这个流行的、屡获大奖的开源CMS,本教程会教你用Joomla按你自己需求一步一步,最终...
Joomla!是一套获得过多个奖项的内容管理系统(Content Management System, CMS)。Joomla!采用PHP+MySQL数据库开发,可运行在Linux、Windows、MacOSX、Solaris等各种平台上。
迁移你旧的Joomla 1.5网站数据库到...SP Upgrade supports transferring between the various Joomla! versions as below: 1.5 -> 2.5 1.5 -> 3.x 1.6 -> 2.5 1.6 -> 3.x 1.7 -> 2.5 1.7 -> 3.x 2.5 -> 3.x 3.x -> 3.x