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

Posted 2023-02-26

【中文标题】drupal - 如何在视图模块中为每种网格格式添加自定义 CSS？

【英文标题】：drupal - How to add custom CSS in View Module For each Grid Format?

【发布时间】：2015-03-10 07:02:07

【问题描述】：

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

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

【问题讨论】：

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

【参考方案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-添加一个新字段全局自定义文本字段，在这里您可以将字段结果计数器的标记添加到您的图像字段，如下所示。

<div class="Image-[put-result-counter-token-here]" > [token-for-image-field]</div>

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