在Drupal 7中创建一个图片库
http://www.cn4jd.com/creating-a-photo-gallery-in-drupal7(在Drupal 7中创建一个图片库)
http://drupalchina.cn/page/816.html(在10分钟内创建一个灯箱图片库)
1: 安装所需模块
你需要安装并启用以下模块:
- CTools: http://drupal.org/project/ctools
- Views: http://drupal.org/project/views
2: 创建一个内容类型
首先, 我们将设置一个Photos(图片)内容类型.前往 Structure > Content types > Add content type 并为图片库创建新的内容类型。

3: 添加一个图片字段
现在我们需要添加一个图片字段到我们新创建的内容类型,这样我们就可以上传图片了。前往 Manage Fields(管理字段) 并创建一个图片数据类型字段.

4: 上传图片
这里有很多种方式通过上传图片来填充图片库。
- 你可以Add content > photos 并通过手动上传图片
- 你可以使用Devel模块来自动生成图片: http://drupal.org/project/devel.
- 你可以使用例如Feeds导入模块: http://drupal.org/project/feeds.

5: 创建视图
前往 Structure > Views > Add new view 并让我们设置视图:
- 给你的视图一个名称:Photo Gallery.
- 选择显示的内容类型为Photos.
- 选中创建一个页面.
- 选择“网格”格式显示并选择“字段”.
- 选择要在网格中显示的图片数量: 12 是本教程中使用的.

点击 Continue & edit.
向下滚动并预览你的图片库. 唯一缺少的?图片.

6: 改善视图
让我们为视图添加图片. 点击“字段”旁边的add(添加)。

搜索并选择我们先前创建的图片字段.

点击两次 Apply (all displays) . 现在你可以在页面底部预览到图片库,唯一不那么正确的就是图片是不同尺寸的。

7: 调整图片
Drupal本身可以自动调整图片尺寸, 让我们看看如何做.
- 前往 Configuration > Image styles > Add style.
- 输入一个新的调整选项名称.
- 点击Create new style(创建新的样式).

你可以看到图片调整的预览效果,当前无任何变化。

- 在页面底部,选择Scale and crop(缩放并裁剪)。
- 点击 Add.

选择图片的宽度和高度. 在此例中我们有4张图片横穿页面, 所以我们选择一个宽度来适应页面. 点击 Click Add effect 完成设置.

你现在可以看到调整图片的新预览。

现在让我们应用调整的图片
- 前往 Structure > Views > Photo Gallery > edit.
- 点击图片字段旁的设置.你现在可以前往Image style(图片样式)并选择你之前创建的样式。
- 你也可以取消Create a label(创建一个标签)选项框,这样字段的名字将不会显示.
- 点击 Apply (all displays).

点击Save来完成你的视图,前往你的网站首页查看吧。瞧!你的Drupal 7 图片库完成了!
作者:

浙公网安备 33010602011771号