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选项。
  • 保存菜单链接。