为图像滑块在 drupal7 中自定义视图字段的 html

Question

我正在使用 Drupal 7。我正在尝试创建一个包含图像和 Vimeo 视频的媒体滑块。为此，我创建了一个内容类型，其中一个字段用于图像，一个字段用于 Vimeo 链接。我已将字段设置为无限制。

我正在查看页面中显示我的内容。问题是 Drupal 为不同的字段类型创建了两个不同的包装器。所有图像都用一个 div 包装，视频用另一个 div 包装。

但我想为所有物品准备一个包装纸，为每件商品准备一个包装纸。 例如：

<div class="slider">
    <div class="item">
        <img typeof="foaf:Image" src="image.jpg" width="658" height="420" alt="">
    </div>
    <div class="item">
        <img typeof="foaf:Image" src="image2.jpg" width="658" height="420" alt="">
    </div>
    <div class="item">
        <iframe title="Video title" src="http://myVideoLink?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
    <div class="item">
        <iframe title="Video title" src="http://myVideoLink2?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
</div>

而不是这个：

<div class="views-field views-field-field-image">
    <div class="field-content">
        <span thmr="thmr_3">
            <span thmr="thmr_4">
                <span thmr="thmr_5">
                    <img typeof="foaf:Image" src="image.jpg" width="658" height="420" alt="">
                </span>
            </span>
        </span>
        ,
        <span thmr="thmr_6">
            <span thmr="thmr_7">
                <img typeof="foaf:Image" src="image2.jpg" width="658" height="420" alt="">
            </span>
        </span>
    </div>
</div>
<div class="views-field views-field-field-vimeo">
    <div class="field-content">
        <span thmr="thmr_10">
            <iframe title="Video title" src="http://myVideoLink?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
            , 
            <iframe title="Video title" src="http://myVideoLink2?color=cccccc" frameborder="0" width="658" height="420" id="vimeo-player"></iframe>
    </div>
</div>

Answer 1

1. 编辑视图时，转到字段设置（单击字段部分中的图像字段），然后展开“样式设置”字段集并取消选中“添加默认类”复选框
2. 在编辑视图时，展开“其他”部分并单击主题（信息）链接，然后在活动主题文件夹中创建所需的模板文件。您需要 Style 输出模板和 Field ([[your image field name here]]) 模板。

请注意，您还需要根据您希望应用模板的范围（即仅页面或仅块等）选择正确的模板文件名并刷新缓存（创建文件后单击“重新扫描”） .