|
此教程将教你如何在Drupal7中创建一个图片库。 9 c4 U! S+ R0 l% J" l
这个不会创建一个世界上最耀眼或令人难忘的图片库，但是它能够运行。此教程是为初学者设计的所以他们在Drupal 7中创建图片库时需要理解一些关键的概念。
) y9 u0 ?) Q q4 w& d如果你仍在用Drupal 6, 我们也有个教程（JD译站注：英文的）.
6 p0 B( ^$ ~$ a% V1: 安装所需模块
2 Z) B7 e; L) d7 d' V2 N7 u' I你需要安装并启用以下模块:
" A. `* o: r' ICTools: http://drupal.org/project/ctools
Views: http://drupal.org/project/views
, g6 E! U2 \' K1 I ]: ]- |. [2: 创建一个内容类型 $ n0 q& ]2 G7 [3 ~
首先, 我们将设置一个Photos（图片）内容类型.前往 Structure > Content types > Add content type 并为图片库创建新的内容类型。 / j& C4 O+ [+ K: P# \" g( b. I# w8 i
, e. Z% I% R! v( m. h1 F' b
3: 添加一个图片字段
% k( L; o+ Z; X* n8 i
现在我们需要添加一个图片字段到我们新创建的内容类型，这样我们就可以上传图片了。前往 Manage Fields（管理字段） 并创建一个图片数据类型字段.
4: 上传图片
& `0 E# I8 q) T, ^
这里有很多种方式通过上传图片来填充图片库。 3 h+ W8 s& ] N. a2 f; d7 D6 j
你可以Add content > photos 并通过手动上传图片
你可以使用Devel模块来自动生成图片: http://drupal.org/project/devel.
你可以使用例如Feeds导入模块: http://drupal.org/project/feeds.
5: 创建视图
6 ]" U9 K# C6 \/ d9 U3 H前往 Structure > Views > Add new view 并让我们设置视图:
' L% z2 T3 O* ~- t+ _% b$ G, v给你的视图一个名称：Photo Gallery.
选择显示的内容类型为Photos.
选中创建一个页面.
选择“网格”格式显示并选择“字段”.
选择要在网格中显示的图片数量: 12 是本教程中使用的.
 点击 Continue & edit.
向下滚动并预览你的图片库. 唯一缺少的？图片. * ~6 N9 k7 F; s* }
6: 改善视图
- e. e4 ]" x$ ^, [; |2 r! R
让我们为视图添加图片. 点击“字段”旁边的add（添加）。 - z7 b; G* A* M$ h( P, K, Y" D
搜索并选择我们先前创建的图片字段.
点击两次 Apply (all displays) . 现在你可以在页面底部预览到图片库，唯一不那么正确的就是图片是不同尺寸的。
7: 调整图片
6 i. x0 E4 q0 K3 U5 _6 J B
Drupal本身可以自动调整图片尺寸， 让我们看看如何做.
4 P! d8 R: O: V前往 Configuration > Image styles > Add style.
输入一个新的调整选项名称.
点击Create new style（创建新的样式）.
你可以看到图片调整的预览效果，当前无任何变化。
在页面底部，选择Scale and crop（缩放并裁剪）。
点击 Add.
选择图片的宽度和高度. 在此例中我们有4张图片横穿页面, 所以我们选择一个宽度来适应页面. 点击 Click Add effect 完成设置.
你现在可以看到调整图片的新预览。
现在让我们应用调整的图片
" b# X& A, o4 ?. |( g前往 Structure > Views > Photo Gallery > edit.
点击图片字段旁的设置.你现在可以前往Image style（图片样式）并选择你之前创建的样式。
你也可以取消Create a label（创建一个标签）选项框，这样字段的名字将不会显示.
点击 Apply (all displays).
点击Save来完成你的视图，前往你的网站首页查看吧。瞧！你的Drupal 7 图片库完成了!
) S6 k, w* E: W7 y& r本文选择：http://www.cn4jd.com，谢谢！
$ _6 F4 p& j, l; L$ [+ E | 
发表于 3-25-2013 20:49