在单个页面上添加多个图像

Question

如何在一个页面上添加多张图片？

我想要有 3-4 个段落的页面，在段落下面我想要有多个图像，就像一个小照片库，我在 bolt lib 中找到了图像的扩展，但它更面向摄影，我徘徊如果可以更简单地使用插件...好奇的是 boltcms 是否可以使用默认构建来做到这一点。

Answer 1

在您的 contenttypes.yml 设置文件中，将图像列表添加到您的字段中，如下所示：

    gallery:
        type: imagelist
        label: "Gallery Images"

然后在您的前端模板中以您的图库插件需要的样式打印它们，这里以 magnific 为例：

{% for image in record.gallery %}
    <a href="{{ thumbnail(image, 1000, 1000) }}">
        <i class="fi-arrows-expand hide"></i>
        <img src="{{thumbnail(image,150,100)}}"> 
    </a>   
{% endfor %}

Answer 2

如果您想使用默认 Bolt 主题中包含的灯箱插件，@Ross 的 for 循环可以更简单一些：

{% for img in record.gallery %}
    {{ popup(img, 150, 100) }}
{% endfor %}

在单个页面上添加多个图像

Add multiple images on a single page

bolt-cms