原文地址:Working with images (Drupal 7)
+ A& m0 \; E; O# {/ B2 K2 g
4 I, y: @ u& K5 z! _Image模块(包括在Drupal 7内核中)允许你显示并且操作站点的图像。它提供了配置以使用图像工具(Image toolkit),允许你配置图像样式,包括改变大小(Resizing)与调整图像(adjusting)以便用于显示。它还提供了一个图像字段(field,通过Field API提供)用于将图像附加到内容上。2 ^( S0 Z2 f+ A) c5 s
" [5 S. x6 x2 [4 n3 ]. u" L从Drupal 7开始图像处理已经是内核的一部分,对于Drupal 6要完成同样的功能你还需要安装相关模块才行。
4 f. `; K. H3 K4 @Image模块结合了Imagefield模块的功能,以及部分ImageCache模块的功能,以及Image模块的功能来完成图像相关操作。: @- M+ d6 n6 B- H. z9 x$ _( x6 n, u
使用方法为内容类型增加一个图像字段在安装Drupal后的默认状态,只有Article类型拥有一个图像字段,同样的字段也是可以被添加到其他内容类型的(比如说Basic pageuhozhe其他自定义的内容类型)。一个图像字段也可以被添加到用户资料(user profile),评论(comment)或者一个分类词汇(texonomy term)。可以同时添加多个图像字段,每个都可以有许多设置,包括允许图像的扩展名,允许的最大的文件尺寸以及存储图像的默认文件夹等等。(译注,如果只是需要添加多个图像到同一个节点,并不需要多个图像字段,因为一个字段可以配置为允许多个图像文件。仅仅在需要不同的图像属性设置时才需要不同的多个图像字段)。
* y, L$ }6 a I* v9 u为了控制图像显示的方式,你必须先设置好样式(styles,看下文)。* g/ d0 z1 O/ o4 ^" ]
# _9 C9 b% M( s N" O: L9 _1 l2 w8 d
增加一个图像字段到一个内容类型:' d* O# C! d/ h" a+ M0 s
- 选择一个内容类型,位置是,管理 > 结构 > 内容类型(Administration > Structure > Content types)。
- 单击对应内容类型的“管理字段”(Manage fields)链接。
- 在“添加新字段”(add new field)一栏输入字段标题(label),比如“产品图片”(Product picture),定义字段名并选择Image类型。点击save
- 选择一个缺省的图片(可以不选)
- 选择本字段能允许的最大图片数量(默认是1)
- 定义其他选项,包括允许的图片扩展名,最大文件尺寸以及缺省上传目录等。
- 保存选项4 C1 T$ |$ A O- K3 ?; C' w. Z, {
^4 h D# |; _. i" _% M关于Drupal 7中管理子定义字段的更详细内容,可以参见这里:Field UI documentation.' V- _8 o+ ?( S* w+ P
添加图像到内容上添加图像步骤:
2 o% \8 R3 r. c: M* K- 添加内容 > 内容类型,或者选择现有的一个内容。
- 将会看到image field显示在内容编辑页面中(当然前提是这个内容类型已经有了图像字段)。单击“Browse”,选择并上传图像。
- 输入可选的替代文字(alternative text),这是为了增强辅助性并针对搜索引擎进行优化。
- 保存内容3 I& R8 c: o& V; [6 } {
: O& y$ D4 ~/ r6 X2 O2 E
图像可以通过内容的编辑页面进行增加,或者删减。如果内容本身被删除了,所有相关的图像也会一并删除。5 s0 Z9 A/ K5 M
在行内(inline,即内容正文中)添加图像你可以使用Insert模块(Insert)将内容上附加的图像以行内的方式进行插入使用(比如,在节点的正文文字中)。Insert模块提供了一个按钮,可以轻松地添加img标签,并且自动填写src属性,以及你选择的样式。根据设想的行内图像需求来建立图像样式(看下文),结合一些CSS以便设置浮动属性,可以给用户选择在文字中图像的浮动定位。
2 w" l- ?5 ^8 M7 t+ Y& c) @你也可以选择在”管理显示“(”Manage display“)部分将图像设置为隐藏,有时候我们需要这么做,是为了避免同一幅图像显示两次。
3 [& @& W( u* R" w5 J添加与更改样式使用图像样式,你可以在不影响原始图像的情况进行缩放,裁减,改变大小,旋转与饱和度调整。默认状态下定义了三种尺寸:缩略图(thumbnail),中等(medium)和较大(large)。比如说,缩略图样式,可以用在文章的摘要显示,或者用在图片库中时。
+ R. y/ f3 n# Y+ f- N1 j, @" L当你改变一个图像样式,模块会刷新所有它自动创建的图像。每种图像样式都必须有一个名字,名字会在生成的图像的url中出现。9 y3 O/ g2 [# V- C9 ^' U# |
创建或者改变图像样式:! N. D( J2 A' C
- 选择“管理-》配置-》媒体-》图像样式”(Administration > Configuration > Media > Image styles)。
- 添加或选择现有样式进行编辑。
- 当你配置样式时可以选择添加以下效果:裁减,缩放,改变大小,旋转,饱和度等(其他模块也可能提供了更多的样式)。比如,结合使用裁减,缩放和饱和度调整,你可以得到方形,灰阶的预览图。
- 保存设置。
9 E$ _7 V! n8 B1 e0 A# Y; ] 要使用定义的样式,需要在内容类型的管理显示部分进行分配。对于每一种显示场景(比如缺省(default)或者摘要(teaser)),都可以选择一种不同的样式。; w+ `- V# f9 `# F1 k& `* @
4 p3 H) w1 ^) _1 I+ K) r2 t1 D如何分配一种样式:
# M: M& k# Z% w2 t2 Q/ d+ b- 选择"管理 > 结构 > 内容类型 > 管理显示"(Administer > Structure > Content types > Manage display)
- 选择显示模式(比如缺省(default)或者摘要(teaser))。
- 点击齿轮状按钮选择图像样式; 你也可以选择将图像链接到节点(即点击图像将打开所在的内容节点)。
- 保存设置。
- 查看内容确认新的样式已被启用并生效。- P9 k! x$ `$ C5 X) D
设置图像质量你还可以定义站点上的图像质量。当然了,更好的质量意味着更大的文件尺寸。$ B) M0 x, _1 Y0 d
- 选择“管理 > 配置 > 媒体 -> 图像工具" (Administration > Configuration > Media > Image toolkit)。
- 输入需要的JPEG 质量数据。
- 保存。$ m: S4 z- j6 W2 Y: J
+ U2 } l) f4 Q$ g* `
. I7 H4 `* Y) Q3 r4 I' M8 [ o- g Q2 P# M; T( t5 Z1 a/ Q5 n( {" D
本文选自:Drupal 7 朗歌私坊菜,谢谢!
2 y! u8 F+ z! |- t, x6 y. c& i1 {
' {% h; _, o d7 ~1 J+ s- i. t# ?/ M. y4 f
# y3 F$ O( ]' Y) t% K
|
|