Drupal:在菜单链接中添加一个图标
时间:2020-03-05 15:25:34 来源:igfitidea点击:
我们都喜欢装饰物而不是普通的。
每个人都喜欢将图标/图像添加到他们站点的菜单链接中,但是我们需要一些技巧将其添加到drupal站点的菜单链接中。
将介绍向drupal菜单链接添加图标/图像的各种方法。
1. 主题菜单链接():
它将返回菜单及其子菜单HTML元素。
我们可以使用这个函数改变菜单html元素,这个函数必须用我们主题的模板.php文件。
在本例中,我将向主菜单添加图标。
/** * Implementation of theme_menu_link__MENU_NAME(). */ function THEME_NAME_menu_link__main_menu(array $variables) { $element = $variables ['element']; $sub_menu = ''; if ($element ['#below']) { $sub_menu = drupal_render($element ['#below']); } $icon = 'icon-' . $element['#title']; $output = l($icon . $element ['#title'], $element ['#href'], $element ['#localized_options']); return '<li' . drupal_attributes($element ['#attributes']) . '>' . $output . $sub_menu . "</li>\n"; }
这将添加我们新的唯一类到所有主菜单链接,我们可以简单地添加图标类使用css样式。
2. 菜单图标:
菜单图标是drupal提供的模块。
通过UI添加图标/图像是最简单的解决方案之一。
此模块允许我们上载菜单项配置窗体中的图像。
3. 菜单Html:
菜单html也是drupal贡献的模块。
它允许我们在菜单链接标题字段中添加html元素,因此我们可以简单地在标题字段中添加图标HTML元素,然后我们可以使用css设置它们的样式。
如果我们在站点中使用glyph图标,则可以通过以下步骤完成:
- 转到菜单项配置页。
- 添加如下菜单链接标题
- 启用菜单html选项。
- 保存菜单链接。