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

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

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

[复制链接]
发表于 4-8-2012 14:43 | 显示全部楼层 |阅读模式
原文地址:Working with images (Drupal 7)# y* a* K9 k- ~5 _& z

) O' A) q8 e3 p5 A( c& j" G; yImage模块(包括在Drupal 7内核中)允许你显示并且操作站点的图像。它提供了配置以使用图像工具(Image toolkit),允许你配置图像样式,包括改变大小(Resizing)与调整图像(adjusting)以便用于显示。它还提供了一个图像字段(field,通过Field API提供)用于将图像附加到内容上。
- _, {* W, a; u1 q( H8 `1 ~
" F& v2 _! Z6 d. f% W0 }从Drupal 7开始图像处理已经是内核的一部分,对于Drupal 6要完成同样的功能你还需要安装相关模块才行。* Y$ |0 t/ N2 a& p
Image模块结合了Imagefield模块的功能,以及部分ImageCache模块的功能,以及Image模块的功能来完成图像相关操作。* k3 Q6 I7 S. \* o0 W' ^
使用方法为内容类型增加一个图像字段在安装Drupal后的默认状态,只有Article类型拥有一个图像字段,同样的字段也是可以被添加到其他内容类型的(比如说Basic pageuhozhe其他自定义的内容类型)。一个图像字段也可以被添加到用户资料(user profile),评论(comment)或者一个分类词汇(texonomy term)。可以同时添加多个图像字段,每个都可以有许多设置,包括允许图像的扩展名,允许的最大的文件尺寸以及存储图像的默认文件夹等等。(译注,如果只是需要添加多个图像到同一个节点,并不需要多个图像字段,因为一个字段可以配置为允许多个图像文件。仅仅在需要不同的图像属性设置时才需要不同的多个图像字段)。
/ C6 Z# R! {  u0 w$ `2 h* a为了控制图像显示的方式,你必须先设置好样式(styles,看下文)。
4 J$ _' l. U# v  Z8 q
, t( }4 Q% j- W6 |增加一个图像字段到一个内容类型:
  z5 D. Q" n4 G2 U, J1 W
  • 选择一个内容类型,位置是,管理 > 结构 > 内容类型(Administration > Structure > Content types)。
  • 单击对应内容类型的“管理字段”(Manage fields)链接。
  • 在“添加新字段”(add new field)一栏输入字段标题(label),比如“产品图片”(Product picture),定义字段名并选择Image类型。点击save
  • 选择一个缺省的图片(可以不选)
  • 选择本字段能允许的最大图片数量(默认是1)
  • 定义其他选项,包括允许的图片扩展名,最大文件尺寸以及缺省上传目录等。
  • 保存选项
    ; p; v" N6 D& z# K+ G% J5 W$ r
  Q: k8 c+ r; a6 p
关于Drupal 7中管理子定义字段的更详细内容,可以参见这里:Field UI documentation.! D; r6 X& ~2 Y0 b  F/ Q
添加图像到内容上添加图像步骤:7 I" q: C2 _5 V% Y+ V# ]1 {# s
  • 添加内容 > 内容类型,或者选择现有的一个内容。
  • 将会看到image field显示在内容编辑页面中(当然前提是这个内容类型已经有了图像字段)。单击“Browse”,选择并上传图像。
  • 输入可选的替代文字(alternative text),这是为了增强辅助性并针对搜索引擎进行优化。
  • 保存内容
    1 W- s. R. Q% s' H8 ?, x* _

9 q3 ]5 B7 [( r$ I图像可以通过内容的编辑页面进行增加,或者删减。如果内容本身被删除了,所有相关的图像也会一并删除。
# F8 @4 O) F( p3 _在行内(inline,即内容正文中)添加图像你可以使用Insert模块(Insert)将内容上附加的图像以行内的方式进行插入使用(比如,在节点的正文文字中)。Insert模块提供了一个按钮,可以轻松地添加img标签,并且自动填写src属性,以及你选择的样式。根据设想的行内图像需求来建立图像样式(看下文),结合一些CSS以便设置浮动属性,可以给用户选择在文字中图像的浮动定位。/ M4 z/ W" n' ~. g: r/ _' ^
你也可以选择在”管理显示“(”Manage display“)部分将图像设置为隐藏,有时候我们需要这么做,是为了避免同一幅图像显示两次。
9 C& p4 O+ r: o& w  s; S添加与更改样式使用图像样式,你可以在不影响原始图像的情况进行缩放,裁减,改变大小,旋转与饱和度调整。默认状态下定义了三种尺寸:缩略图(thumbnail),中等(medium)和较大(large)。比如说,缩略图样式,可以用在文章的摘要显示,或者用在图片库中时。
: A- o8 ^3 v: J0 _8 b  Y1 Y6 P当你改变一个图像样式,模块会刷新所有它自动创建的图像。每种图像样式都必须有一个名字,名字会在生成的图像的url中出现。
% r6 ^; V; N4 V1 m创建或者改变图像样式:9 {' D6 ^7 y2 f1 G
  • 选择“管理-》配置-》媒体-》图像样式”(Administration > Configuration > Media > Image styles)。
  • 添加或选择现有样式进行编辑。
  • 当你配置样式时可以选择添加以下效果:裁减,缩放,改变大小,旋转,饱和度等(其他模块也可能提供了更多的样式)。比如,结合使用裁减,缩放和饱和度调整,你可以得到方形,灰阶的预览图。
  • 保存设置。
    3 w  t! J2 @' ^" I6 Y7 u) H3 I
要使用定义的样式,需要在内容类型的管理显示部分进行分配。对于每一种显示场景(比如缺省(default)或者摘要(teaser)),都可以选择一种不同的样式。
  Q: t; G3 _/ |( ^% b7 R* `6 A% d& v! V8 f' Y; ?- B% g0 N
如何分配一种样式:
! V! C# P+ N( p$ p7 R2 C
  • 选择"管理 > 结构 > 内容类型 > 管理显示"(Administer > Structure > Content types > Manage display)
  • 选择显示模式(比如缺省(default)或者摘要(teaser))。
  • 点击齿轮状按钮选择图像样式; 你也可以选择将图像链接到节点(即点击图像将打开所在的内容节点)。
  • 保存设置。
  • 查看内容确认新的样式已被启用并生效。: W3 r, D1 q. p/ `8 _& K
设置图像质量你还可以定义站点上的图像质量。当然了,更好的质量意味着更大的文件尺寸。
" }3 R. B  |  a* D
  • 选择“管理 > 配置 > 媒体 -> 图像工具" (Administration > Configuration > Media > Image toolkit)。
  • 输入需要的JPEG 质量数据。
  • 保存。
    % N9 e6 }0 e! P1 u

2 N8 X5 z' g4 L% f% J
$ i. ], w% }) x. }
: J+ M$ ]  Z" V6 L" r本文选自:Drupal 7 朗歌私坊菜,谢谢!4 w  M' l. J4 l3 n8 R+ Z; F

. }5 M, s0 ?6 K7 Q
! {! e8 m( d2 s/ Y# G, q% h4 I
4 E2 V7 P9 v/ z- w

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

GMT+8, 6-17-2025 03:35 , Processed in 0.312646 second(s), 62 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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