在上一节中,我们已经完成了功能菜单的创建工作了,下一步就是在前台指定的地方展示这个菜单了。其实这种事情,我们已经在前面坐过几次,在这里我们再来重复一次。

1,本节目标


在前台显示用户中心功能菜单

2,我们要做什么


我们在在前台使用账号登录后,然后点击用户图像,就会直接进入到用户的个人信息界面,如图:

joomla个人中心用户属性页.png

在上图中,我已经用红色的框标识我们的模块需要放置的位置了。

然后查看该位置的模块名称,截图如下:(不清楚如何查看模块位置,请参考:Joomla模板位置预览

Joomla用户中心左边模块位置.png

我们可以看到ZFree模板在左边为我们提供了3个模块位置,位置的名称分别为sidebar-left1,sidebar-left2,sidebar-left3.我们只需要将用户中心模块放置到sidebar-left1位置即可实现我们期望的效果。

3,如何去做


3.1 创建菜单模块

登录后,在扩展 —> 模块管理 -> 新建一个模块,将模块的类型选择为 菜单 ,如图:

joomla用户中心模块的设置.png

这里有一个小的技巧。因为我们可以初步判断,这个用户中心模块只会提供给已经登录的用户使用,因此,在模块的访问权限这个选项中,可以设置为“Registered(注册用户)”,这样可以减少模块分配的麻烦。

保存后,刷新前台。如图:

joomla用户中心效果图.png

至此我们就实现了用户中心模块的显示了。大家可以自行点击菜单项,查看各个功能的效果。

你会吃惊的发现,我们居然完成了一个功能如其强大的网站。

4,模板风格


4.1 现在已经可以实现和目标网站一样的功能了,但是在页面显示上我们还是和目标位网站有一点细微的差别,大家可以关注两个网站的导航栏。

目标网站的导航栏:

Joomla目标网站的导航栏.png

我们网站的导航栏:

joomla我们网站的导航栏.png

通过上面的对比,可以发现我们网站多显示了主菜单,和用户信息模块。那么自然想到解决的方法就是在模块管理中,将这些模块不分配到用户中心菜单项。这是方法是可以实现我们想要的效果。但在这里我们将使用一种更加通用的解决方案,使用模板风格来解决。

模板风格,这并不是我们第一次提到了,在 为页面分配模板风格 一文中也提到,当页面的布局和其他页面的布局有明显差异的时候,我们可以另外新建一种模板风格来解决。在这个案例中,虽然用户中心页面和内容展示页面(默认的模板风格)之间没有十分巨大的差异,但是,从业务逻辑上来看,我们将用户中心页面 和 普通的数据展示页面 使用两个不同的模板风格是有一定的道理的,他们毕竟在功能上是可以明确分开的。(不理解上面的话,就算了,并不重要,这只是一些个人的经验)。

那么我就以模板风格的方法来解决。操作如下:

1,在扩展 -模板管理中 以 ZFree默认模板为基础,复制一个风格,叫做 ZFree - 用户中心。截图如下:

joomla用户中心模板风格.png

这里最关键的就是选择布局风格,将其设置为user.php.然后下一个关键的地方就是将 这个模板风格到用户中心所有的菜单项上。在这里就不截图了。

最后我们刷新前台就可以看到期待的效果了,如图:

Joomla最终的用户中心界面的效果.png

用户评分: 0 / 5

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