国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal 7:Image/ImageCache模块图像处理教程(译文)

[复制链接]
发表于 4-8-2012 14:43 | 显示全部楼层 |阅读模式
原文地址: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

|2011-2026-版权声明|平台(网站)公约|手机版|手机版|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 11-11-2025 22:53 , Processed in 0.203788 second(s), 62 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表