在上一节中我们创建了和演示网站一样的菜单。在本节中我们将在前台显示这个菜单。

1,本节目标


在前台显示菜单

2,目标导航


在joomla中如果你想在前台输出内容,只能有两种方式——一个是组件输出,一个是模块位置。(还记得前面提到的模板与页面的关系吗?)为了将菜单项显示在前台,我们必须将菜单的内容进行打包(这里的打包专业术语为创建模块),然后才能放到模板对应的位置。

3,菜单模块


 菜单模块的功能是在前台显示菜单。这个模块是joomla自带的。

创建菜单模块的步骤如下

1,登录后台,在扩展->模块管理栏目 。进入模块管理界面

2,点击工具栏的新建,然后找到菜单模块。如图。

joomla创建菜单模块.png

3,点击进入编辑界面。在这里我们给这个模块取一个名字,叫做主导航栏。然后选择菜单 中选择"Main Menu"(这里说的菜单就是菜单了,不是菜单项)。如图:

joomla主导航栏菜单编辑界面.png

4,将菜单发布到合适的位置


  • 1,通过查看Zfree模板提供的位置,我们知道head-menu是我们需要放置的地方。如何查看模板提供的位置,请参考相应的章节
  • 2,将位置设置为head-menu
  • 3,将菜单指派设置为在全部的页面如图:

joomla菜单指派在全部的页面.png

5,查看前台效果


见证奇迹的时候出现了。截图如下:

joomla成功在前台显示菜单.png

 

 

 

 

 

用户评分: 0 / 5

不活动星星不活动星星不活动星星不活动星星不活动星星
 

评论 (11)

载入先前评论
  • 是的。在zfree模板的v0.0.3版本中的确是竖排的。我们会改进zfree模板并且发布新版,请注意更新

    0 喜欢
  • 在上传的模板文件夹里面的CSS文件夹里面有个template.css文件,加一个样式就可以了:
    .zf-navbar ul li{
    float:left;
    }

    1 喜欢
  • @管理员,咋这么长时间都没更新了:)

    0 喜欢
  • 希望能早日更新:)

    0 喜欢
  • 什么时候可以更新完成呀:)

    0 喜欢
  • 什么时候可以更新完成呀:o

    0 喜欢
  • 这里学完了,是第一阶段结束了么,下一阶段呢?

    0 喜欢
  • 关于菜单不排列成行的问题,我们已经提供了标准的解决方案。请参考文章 升级ZFree模板

    Comment last edited on 大约2个月前 by 樱木花道
    0 喜欢
  • 为什么我用的最新版本3.2.0,导航栏还是竖直排列的?在菜单后缀加了nav-pills还是没用呢

    0 喜欢
  • 西安杜睿前来打卡

    0 喜欢