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

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

分享到:
评论

相关推荐

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

    Joomla2.5基础指南 安装和使用 中文版,让您步入Joomla

    Joomla! 2.5 Beginner's guide

    Joomla! 2.5 Beginner's guide ,这是免版权免费发放的入门书,英文pdf格式

    Yootheme Zoo 2.6.2 for Joomla! 2.5

    Yootheme Zoo 2.6.2 for Joomla! 2.5 全模块版本

    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.24-Stable-Full_Package.zip

    joomla是一项开源的网站程序,具有非常丰富的插件功能。

    Joomla_2.5.25-Stable-Full_Package_joomla_full_

    Joomla 2.5.25 full install

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

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

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

    学习Joomla!3扩展开发 第三版 版权所有©2013 Packt Publishing 版权所有。未经出版商事先书面许可,不得以任何形式或任何方式复制,存储在 检索系统中或以任何方式传播本书的任何部分,除非在重要文章或评论中嵌入...

    joomla2.5可用FrontpageSlideshow-v3.0.1

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

    Joomla! 插件开发指南

    Joomla! 插件开发指南Joomla! 插件开发指南Joomla! 插件开发指南

    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_1.5.11-Stable-Full_Package-zh-CN.zip

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

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

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

    Joomla! 用户宝典

    Joomla! A User's Guide: Building a Successful Joomla! Powered Website中文版。 入门书籍。网友翻译。 关于本书 对于Joomla! 这个流行的、屡获大奖的开源CMS,本教程会教你用Joomla按你自己需求一步一步,最终...

    Joomla_3.8.8-Stable-Full_Package

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

    SP Upgrade (Joomla 1.5升级至2.5~3.x组件)

    迁移你旧的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

Global site tag (gtag.js) - Google Analytics