`
wmrwx
  • 浏览: 15682 次
社区版块
存档分类
最新评论

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 的導航系統一方面有點複雜,另一方面卻很強大。

分享到:
评论

相关推荐

    Joomla! 2.5 Beginner's guide

    的基础知识,还介绍了安装过程、常见问题解决方法以及 Joomla! 2.5 版本的新特性等内容。 #### 本书内容概览 1. **介绍**:这部分内容简要介绍了 Joomla! 平台的历史和发展,并阐述了本书的目的和适用对象。 - *...

    Joomla2.5基础指南 安装和使用 中文版

    Joomla2.5基础指南是一本专注于Joomla2.5版本安装、使用、维护的中文指南书籍,适合初学者和有经验的用户使用。Joomla是一个开源的内容管理系统(CMS),广泛应用于构建网站和在线应用程序。它允许用户无需编写代码...

    Yootheme Zoo 2.6.2 for Joomla! 2.5

    2.5是Joomla!的一个稳定版本,发布于2012年,提供了一系列安全性和功能性的增强。Yootheme Zoo 2.6.2兼容Joomla! 2.5,意味着它可以在该版本的Joomla!上顺利运行。 **4. 压缩包内容** - **checksums**: 这是一个...

    joomla_2.5.24-Stable-Full_Package.zip

    标题"joomla_2.5.24-Stable-Full_Package.zip"指的是Joomla的2.5.24稳定版本的完整包,这个版本在发布时经过了充分测试,提供了较高的系统稳定性。 描述中提到,Joomla以其丰富的插件功能著称,这意味着用户可以...

    Joomla! 3: Beginner’s Guide

    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!3扩展开发 - 第三版源码.zip 我要感谢Joomla的每个人!社区为了贡献和共同努力制作出可供所有人使用的 优秀软件,没有您的努力,这本书是不可能的。 非常感谢Andrew Eddie,自从我在2009年...

    一款很好的Joomla2.5模板

    这款“一款很好的Joomla2.5模板”是专为Joomla 2.5版本设计的用户界面,它能显著改变网站的外观和用户体验。 在Joomla 2.5版本中,模板扮演着至关重要的角色。它们决定了网站的整体布局、颜色方案、字体样式以及...

    Joomla_2.5.25-Stable-Full_Package_joomla_full_

    **Joomla 2.5.25 完整安装包详解** Joomla 是一款流行的开源内容管理系统(CMS),用于构建动态网站。版本号2.5.25是Joomla的一个稳定版本,它提供了丰富的功能和安全性更新。"Full Package" 意味着这是一个包含了...

    学习Joomla!3扩展开发 - 第三版_中文版10-2.pdf

    用户配置文件插件是一个很好的例子,在Joomla中添加!2.5 扩展了用户注册表单上的字段,并允许您捕获其他详细信息,如地址、服务条款、出生日期和网站。如果您想保留用户登录并注销网站时的日志,可以编写用户插件来执行...

    joomla2.5可用FrontpageSlideshow-v3.0.1

    FrontpageSlideshow是一个简单易用但功能强大的内容的幻灯片,为你的Joomla!网站。建立在这样一种方式,很容易部署和自定义任何的Joomla!网站最灵活的幻灯片系统在Joomla!扩展的世界。使用FrontPage的幻灯片,以...

    DOCman 1.4.x - Joomla! Document Manager

    在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 Template Essentials- ePub英文版

    Joomla 3 模版开发,介绍如何建立模版,如何通过framework建立模版,高级模版开发

    Joomla! E-Commerce with VirtueMart

    本书《Joomla! E-Commerce with VirtueMart》是一本专注于使用Joomla CMS和VirtueMart电子商务扩展来搭建在线商店的实用指南。Joomla是一个功能强大的内容管理系统,广泛用于构建网站和在线应用程序,而VirtueMart是...

    Joomla_1.5.11-Stable-Full_Package-zh-CN.zip

    Joomla!是一套获得过多个奖项的内容管理系统(Content Management System, CMS)。Joomla!采用PHP+MySQL数据库开发,可运行在Linux、Windows、MacOSX、Solaris等各种平台上。Joomla!除了具有新闻/文章管理,文档/图片...

    joomla V2.5.X汉化包

    1. **Instructions安装说明.pdf**:这是一个PDF文档,包含了详细的安装和使用指南,帮助用户正确地将汉化包集成到Joomla!系统中。遵循这些步骤,可以避免在安装过程中遇到的问题。 2. **pkg_zh-CN.xml**:这是主...

    文章内容阅读权限控制插件(joomla2.5.x)

    2.5 的一款内容插件,它的功能是动态控制 Joomla! 文章内容指定部分的阅读权限。 Core Design Access Text plugin 允许用户在文章中对某一部分内容设定其阅读权限。例如,第一部分只允许名叫“Tom”的用户阅读,第...

Global site tag (gtag.js) - Google Analytics