原文地址:Working with images (Drupal 7)7 z: K# G9 W9 J, F Q, _
3 P2 O, l& B! H- u' t' q D6 rImage模块(包括在Drupal 7内核中)允许你显示并且操作站点的图像。它提供了配置以使用图像工具(Image toolkit),允许你配置图像样式,包括改变大小(Resizing)与调整图像(adjusting)以便用于显示。它还提供了一个图像字段(field,通过Field API提供)用于将图像附加到内容上。* j( l- p) o& F; M& W" T4 E) a7 T
4 q! W3 r# b' E% D$ a从Drupal 7开始图像处理已经是内核的一部分,对于Drupal 6要完成同样的功能你还需要安装相关模块才行。
; @; A' g3 h1 Z% W; |# G. oImage模块结合了Imagefield模块的功能,以及部分ImageCache模块的功能,以及Image模块的功能来完成图像相关操作。% k. j9 [4 X9 {; o$ l1 W" R
使用方法为内容类型增加一个图像字段在安装Drupal后的默认状态,只有Article类型拥有一个图像字段,同样的字段也是可以被添加到其他内容类型的(比如说Basic pageuhozhe其他自定义的内容类型)。一个图像字段也可以被添加到用户资料(user profile),评论(comment)或者一个分类词汇(texonomy term)。可以同时添加多个图像字段,每个都可以有许多设置,包括允许图像的扩展名,允许的最大的文件尺寸以及存储图像的默认文件夹等等。(译注,如果只是需要添加多个图像到同一个节点,并不需要多个图像字段,因为一个字段可以配置为允许多个图像文件。仅仅在需要不同的图像属性设置时才需要不同的多个图像字段)。# g x: A+ g# S. r) M
为了控制图像显示的方式,你必须先设置好样式(styles,看下文)。
, C! p. h6 U7 o) s, D# v6 m/ P# o4 G$ s- g8 c
增加一个图像字段到一个内容类型:1 r& o+ u( f% B7 F" E) E
- 选择一个内容类型,位置是,管理 > 结构 > 内容类型(Administration > Structure > Content types)。
- 单击对应内容类型的“管理字段”(Manage fields)链接。
- 在“添加新字段”(add new field)一栏输入字段标题(label),比如“产品图片”(Product picture),定义字段名并选择Image类型。点击save
- 选择一个缺省的图片(可以不选)
- 选择本字段能允许的最大图片数量(默认是1)
- 定义其他选项,包括允许的图片扩展名,最大文件尺寸以及缺省上传目录等。
- 保存选项
$ B* }- n* _- m0 L, K : K. y0 w; L# g' s: \& U1 s" k
关于Drupal 7中管理子定义字段的更详细内容,可以参见这里:Field UI documentation.5 N2 v" A5 F- }" C! K9 b: n) m# M. c
添加图像到内容上添加图像步骤:
7 e$ k# ?$ P5 X( Z5 `% g* d4 D- 添加内容 > 内容类型,或者选择现有的一个内容。
- 将会看到image field显示在内容编辑页面中(当然前提是这个内容类型已经有了图像字段)。单击“Browse”,选择并上传图像。
- 输入可选的替代文字(alternative text),这是为了增强辅助性并针对搜索引擎进行优化。
- 保存内容/ [& q( A9 K9 W( w& o4 ~. t. f
) J- y) \& c/ t8 X+ t- N
图像可以通过内容的编辑页面进行增加,或者删减。如果内容本身被删除了,所有相关的图像也会一并删除。3 L5 W& G# u8 V! k# K# U, E
在行内(inline,即内容正文中)添加图像你可以使用Insert模块(Insert)将内容上附加的图像以行内的方式进行插入使用(比如,在节点的正文文字中)。Insert模块提供了一个按钮,可以轻松地添加img标签,并且自动填写src属性,以及你选择的样式。根据设想的行内图像需求来建立图像样式(看下文),结合一些CSS以便设置浮动属性,可以给用户选择在文字中图像的浮动定位。, `( J5 @! d! w5 p } X4 W
你也可以选择在”管理显示“(”Manage display“)部分将图像设置为隐藏,有时候我们需要这么做,是为了避免同一幅图像显示两次。
$ s5 Q9 X/ ^' i7 _; p/ _5 ]添加与更改样式使用图像样式,你可以在不影响原始图像的情况进行缩放,裁减,改变大小,旋转与饱和度调整。默认状态下定义了三种尺寸:缩略图(thumbnail),中等(medium)和较大(large)。比如说,缩略图样式,可以用在文章的摘要显示,或者用在图片库中时。
& z: h+ N) a: M当你改变一个图像样式,模块会刷新所有它自动创建的图像。每种图像样式都必须有一个名字,名字会在生成的图像的url中出现。
3 ]5 g b; m& S创建或者改变图像样式:
' n8 @1 A4 p. B+ y- 选择“管理-》配置-》媒体-》图像样式”(Administration > Configuration > Media > Image styles)。
- 添加或选择现有样式进行编辑。
- 当你配置样式时可以选择添加以下效果:裁减,缩放,改变大小,旋转,饱和度等(其他模块也可能提供了更多的样式)。比如,结合使用裁减,缩放和饱和度调整,你可以得到方形,灰阶的预览图。
- 保存设置。
& @8 `7 M- i% ~( c 要使用定义的样式,需要在内容类型的管理显示部分进行分配。对于每一种显示场景(比如缺省(default)或者摘要(teaser)),都可以选择一种不同的样式。4 }+ U9 x+ R7 @; n8 @* X
) x* |# P* r- X
如何分配一种样式:' }8 }! S7 j1 }5 w8 q. R4 l
- 选择"管理 > 结构 > 内容类型 > 管理显示"(Administer > Structure > Content types > Manage display)
- 选择显示模式(比如缺省(default)或者摘要(teaser))。
- 点击齿轮状按钮选择图像样式; 你也可以选择将图像链接到节点(即点击图像将打开所在的内容节点)。
- 保存设置。
- 查看内容确认新的样式已被启用并生效。
7 n/ }7 t7 U4 H% A 设置图像质量你还可以定义站点上的图像质量。当然了,更好的质量意味着更大的文件尺寸。
3 @) k5 F! q+ i, g' S4 d- 选择“管理 > 配置 > 媒体 -> 图像工具" (Administration > Configuration > Media > Image toolkit)。
- 输入需要的JPEG 质量数据。
- 保存。
8 N1 l9 q" t: M5 e( r
$ Z; S* Q; t2 J9 W0 u7 V% f2 L
0 K8 z' Z2 j6 o7 i1 F, b. u$ s/ y2 E& N5 A& }" S
本文选自:Drupal 7 朗歌私坊菜,谢谢!
" A1 R7 v* ]1 o7 X& c8 G
0 V& r& L5 [7 S% f6 V
& r/ x* `( `, R7 h: Q3 n4 O
& v) w& u9 m6 a! m |
|