首页 Typo3正文

TYPO3 CMS图片自动裁切扩展

kumb Typo3 2020-07-17 12:15:55 631 0

扩展键:image_autoresize;

功能:自动调整图片。

查询image_autoresize扩展

在浏览器的地址栏内输入TYPO3官网地址“http://www.typo3.com”,单击菜单“Extensions”→“Extension Repository”菜单项,在弹出的文本框内输入扩展关键字“image_autoresize”,单击“Search”,查询到“Resize_images_automatically”扩展的版本、适合的TYPO3版本及用户手册等信息,如图9-62所示。

img

9-62 image_autoresize扩展信息

安装image_autoresize扩展

在TYPO3 后台单击管理工具“ADMIN TOOLS”模块下的扩展“Extensions”,在弹出的窗口内选择获得扩展“Get Extensions”,在文本框内输入扩展关键字“image_autoresize”,单击“Go”搜索“image_autoresize”,搜索到image_autoresize扩展后单击img图标下载安装该扩展,如图9-63所示。

配置image_autoresize扩展

(1)设置图片自动大小。在TYPO3 后台,单击“Installed Extensions”可以看到已安装的image_autoresize扩展,单击img图标配置image_autoresize扩展,如图9-64所示。

img

图9-63 安装image_autoresize扩展

img

图9-64 打开image_autoresize配置项

在弹出的“Image_Auto_Resize Configuration”窗口内,有“General”“Optins”和“Rule Sets”三个选项卡。单击“General”选项卡,可以看到上传图片目录、设置图片大小和选择图片格式项,如图9-65所示。

img

图9-65 配置Auto-Resize的“General”选项卡

(2)设置图片自动转换为JPG格式。单击“Options”选项卡,配置Auto-Resize的选项和上传的图片格式自动转换为JPG格式,如图9-66所示。

img

图9-66 配置Auto-Resize的Options

(3)单击“Rule Sets”选项卡,单击“Rule Sets”下的img图标,设置图片规则,如图9-67所示。

img

图9-67 配置Auto-Resize的Rule Sets选项卡

在弹出的对话框内“Title”下的文本框内输入标题“CY Image Auto-Resize press”,添加“All user”用户组,如图9-68所示。

在“Directories”下的文本框内输入“fileadmin/user_upload/presse/”路径,在“Selected Items”下选择激活项,“Size threshold”设置为“2M”,“Maximum width”和“Maximum height”都设置为“4096”,如图9-69所示。

单击“Save”保存设置,如图9-70所示。

img

图9-68 添加All users用户组

img

图9-69 设置规则

使用image_autoresize扩展

(1)单击“FILE”→“Filelist”→“user_upload”,然后单击img图标,新建保存图片文件的文件夹,如图9-71所示。

img

图9-70 保存规则设置

img

图9-71 准备新建文件夹

在弹出的“Create new folders”对话框右下角文本框内输入“presse”,单击“Create folders”创建文件夹,如图9-72所示。

img

图9-72 创建文件夹

完成presse文件夹的创建后,结果如图9-73所示。

img

图9-73 显示创建后的presse文件夹

(2)上传图片文件。单击“presse”,单击img上传图标,选择图片文件后上传,如图9-74所示。

img

图9-74 上传图片文件

(3)在网站中引用图片。单击“Page”,新建页树文件“image_autoresize”并单击它,在弹出的“image_autoresize”对话框内单击img图标,如图9-75所示。

img

图9-75 打开内容页

在弹出的“New content element”对话框内,单击“Typical page content”,再单击“Text&Images”。在弹出的“Create new Page Content on page "image_autoresize"”对话框内,单击“Images”→“Add images”,在弹出的窗口内选择要添加的图片(可以多选),如图9-76所示。

img

图9-76 选择图片

(4)存盘,清理缓存,浏览前台,单击“IMAGE_AUTORESIZE”,在前台浏览所添加的图片,如图9-77所示。

img

图9-77 浏览图片

我们致力于为三农(农业、农村、农民)提供专业物联网解决方案,同时也提供应用软件、微信小程序、手机App、企业网站的开发和跨境电商建站、网络营销等服务,站长微信号(mywit_net),添加后备注“黎辉物联网”,如有相关需求也可通过电子邮件(12tc@sina.cn)与我们取得联系

本站内容均来自互联网,如有涉及到侵权行为,请你及时与站长联系删除!

本文链接:https://www.kumb.cn/2917.html

发表评论

评论列表(0人评论 , 631人围观)
☹还没有评论,来说两句吧...