Drupal(7.38)文章分类自动显示在网站菜单中的方法以及实现导航菜单的自动管理和展示
需要的模块:
Nice Menus
Taxonomy Menu
superfish
安装以上modules。
激活Taxonomy Menu后,到admin/structure/menu/add (Administration » Structure » Menus » Add)添加一个新菜单,这里取名为 Taxonomy 吧。
然后到admin/structure/taxonomy ,选择要显示为菜单的taxonomy ,如我先前建立的词汇表(vocabulary) “分类”,点击 “edit vocabulary”,发现描述下面已经有了”Taxonomy menu”选项, Menu location 处选择我们刚才新建的菜单:Taxonomy。这个选择意味着我们要把“分类“与菜单Taxonomy 建立映射关系。可以勾选”Select to rebuild the menu on submit. “重建菜单 。然后点击”Save“执行操作。
再到 admin/structure/block ,可以看到已经有了我们刚才新建的菜单 :Taxonomy 。这里我们并不把它直接在某个 Region . 因为我的菜单是分级的,这样直接显示在某个 Region 的话,以无序列表的方式显示出来,很不美观。
因此,为了让它显示得漂亮点,我们的Nice Menus模块闪亮登场了。 :wink:
我们到 admin/config/user-interface/nice_menus 配置Nice Menus模块. 勾选”Use JavaScript “,这样会启用superFish JQ插件。Advanced: Superfish options 可以配置JQ动画的细节。
Mouse delay : 延迟时间,毫秒,鼠标离开菜单后多少毫秒隐藏菜单。这里我设置为 400 .
Animation speed : 动画速度,这个就不用解释了吧。这里我选择Normal .
配置好,接下来我们到 admin/structure/block ,
找到 Nice menu 1 (Nice menu) ,点击 configure 配置,Block title 这里不填,Menu Name 也可以不修改,Menu Parent 这里注意了,我们选择 Taxonomy , 如果放在顶部的话,Menu Style 就默认为 right 就行了。
Region settings 这里,是选择 Nice menu 1 这个菜单的放置位置,选择一个合适的位置 ,如 Primary Menu
Region,最后,Save block 保存之。
可以看到默认的CSS和主题并不是十分搭调,可以手动指定CSS来美化之。
admin/appearance/settings/当前主题 ,在 Path to custom Nice menus CSS file INPUT 框中输入CSS文件的位置。如sites/all/themes/example/mymenu.css
场景: 网站中实现产品分类管理和展示功能。如下图所示,左边是产品分类的导航菜单,点击某条后打开该分类下所有产品的缩略图页面。点击图片,进入对应的产品详情页面。
要求:不懂技术的网站编辑可以很方便的管理产品分类,发布相关的产品文章。
模块:除了使用常见的view等模块之外,主要使用了一下两个模块
https://www.drupal.org/project/taxonomy_menu
https://www.drupal.org/project/taxonomy_display
实现:
1、创建产品分类的‘术语表’。
2、创建产品内容节点,编辑员可以用来发布产品文章。其中增加了关联产品分类的字段,用来制定产品的所属分类。增加了图片上传,将提供给缩略图页面使用。
3、创建产品视图。如下图所示,关键点我用红框标注了。主要是要添加上下文过滤器。作用是接收导航菜单传来的参数,使视图显示对应的产品分类。
4、创建一个空的导航菜单
5、在产品分类术语表中,指定把产品术语表显示到导航菜单中。如下图
6、在产品分类术语表的‘管理显示中’制定术语的链接关联到刚创建的产品视图上。如下图:
注意:5和6的界面只有启用了上文中提到的模块,才会有。默认的术语表模块没有这些东西。
最终的效果:网站编辑员在产品分类术语表中增删产品分类后,自动体现到导航菜单中,菜单中的链接也自动回链接到对应的产品页面。对于客户来讲,没有多余的步骤。
没有评论,留下你的印记,证明你来过。
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。