drupal-7 - 在 Drupal 7 中将类添加到图像字段

Question

我已将图像字段添加到内容类型“基本页面”，并使用“管理显示”选项将其显示在页面顶部。然而，图像上没有样式，我一生都无法弄清楚如何向图像添加类以便我可以添加样式。

Answer 1

如果您唯一需要定位 CSS，则上述答案会有所帮助。但我需要向 IMG 标签添加一个类，句号。这是我解决问题的方法。这可能不是最好的方法，当然也不是唯一的方法，但它是有效的“Drupal 方法”并且有效。打开模板的 template.php 文件。

粘贴以下函数，您必须根据您的使用场景对其进行修改和自定义。例如，您必须替换 <TEMPLATENAME>使用您的模板名称，并根据需要添加或删除类以及其他内容，如您将看到的。

function <TEMPLATENAME>_preprocess_image(&$variables) {
    // If this image is of the type 'Staff Photo' then assign additional classes to it:
    if ($variables['style_name'] == 'staff_photo') {
        $variables['attributes']['class'][] = 'lightbox';
        $variables['attributes']['class'][] = 'wideborder';
    }
}

我创建了一个“if”语句来确定何时应将类添加到图像中，但是您必须根据自己的喜好进行自定义 - 如果您想要在所有图像字段图像上添加一个类，则可以完全消除它，或者你可能会说“如果drupal_is_front_page()”如果您只想将其应用于首页等。

在我的例子中，我为员工照片创建了一个图像样式(配置 > 媒体 > 图像样式)，并添加了 if 子句，以仅将我的首选类应用于该指定图像样式的图像。我认为这是一个很好的方法，但你可以做你喜欢做的事。

现在，每当我查看包含图像样式为“Staff Photo”的图像字段的节点时，这些类就会神奇地出现在 IMG 标记中，这正是我所需要的。