logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

1.10 Colorbox:在 Drupal 中创建一个简单的图片画廊

18/10/2025, by Ivan

在网站中,我们经常需要以弹出窗口(popup)的形式显示图片。为此,Drupal 提供了一个非常流行的模块 —— Colorbox

https://www.drupal.org/project/colorbox

composer require drupal/colorbox

drush en colorbox

安装完成后,我们需要进入模块文件夹,找到 README.txt 文件,并在其中找到 Colorbox 库(library)的下载链接:

/web/modules/contrib/colorbox

read me

colorbox

下载完成后,将文件解压,并将文件夹名称从 “colorbox-master” 重命名为 “colorbox”,然后放入网站根目录下的 libraries 文件夹中。如果没有此文件夹,请手动创建。

colorbox

我已经创建了一个名为 Gallery(图库) 的内容类型,其中包含多个图片字段。现在我们为这个字段启用 Colorbox 效果:

manage display

模块还提供了多种显示设置选项:

format settings

我保持了默认设置,你可以根据需要自行调整。你也可以在模块的配置页面中修改 Colorbox 的全局参数。我同样保留了默认配置。

colorbox settings

接着,我添加了一个图库页面(Gallery Page),上传了一些图片:

gallery

点击图片后,效果如下:

image

如果将多张图片排列在同一行并在它们之间添加合适的间距(margin),整体效果会更加美观。