drupal - 如何在视图模块中为每种网格格式添加自定义 CSS？答案

【问题标题】：drupal - How to add custom CSS in View Module For each Grid Format?drupal - 如何在视图模块中为每种网格格式添加自定义 CSS？
【发布时间】：2015-03-10 07:02:07
【问题描述】：

我有一个使用视图模块构建的网格图像库。我希望每张图片都有一些效果。

所以，我尝试为每个 img 标签添加自定义 css 类。但我做不到。请告诉我“如何在视图模块和网格格式中添加自定义 css 类”？

【问题讨论】：

你能粘贴一些代码sn-p吗？

标签： css class drupal view

【解决方案1】：

您需要对图像样式进行如下预处理：

/**
 * THEME_preprocess_image_style() is also available.
 */
function <THEME_NAME>_preprocess_image(&$variables) {
    if (isset($variables['style_name'])) {
        if ($variables['style_name'] == 'thumbnail') {
            $variables['attributes']['class'][] = "<YOUR CLASS NAME>";
        }
    }
}

在当前主题的template.php文件中添加以上代码并清除缓存。

记得用适当的值替换上面代码中下的文本。

【讨论】：

【解决方案2】：

您好，这很简单，无需在编码中执行此操作，只需执行以下操作即可。
1- 在您的视图中添加一个新字段（全局结果计数器）并将其从显示中排除。
2- 从显示中排除您的图像字段。
3-添加一个新字段全局自定义文本字段，在这里您可以将字段结果计数器的标记添加到您的图像字段，如下所示。

&lt;div class="Image-[put-result-counter-token-here]" &gt; [token-for-image-field]&lt;/div&gt;

这将为您的图像字段输出一个动态类。

【讨论】：