如何在Drupal 8中将作物添加到图像上传

简介:裁剪图像上传到缩略图大小

这个 讲解 将指导 Drupal 8 用户通过安装所需的步骤 图像缩略图裁剪 要使用的功能 的JavaScript. 组 图片缩图 手动调整大小和裁剪上传的文件,以确保适当的平衡 & 专注于帧.


为了将裁剪功能添加到图像库中 Drupal 8

  1. 图书馆 必须安装模块以托管第三方 的JavaScript.
  2. 图像小部件裁剪 模组 & 必须安装先决条件.

还有其他选项可以自动裁剪,将裁剪与流行的页面编辑器脚本集成在一起,并在 Drupal CCK字段 关于内容类型。开始之前,请确保您拥有良好的Drupal托管.

第一步:安装库模块 & 建立新目录

从下载所需的模块文件开始 drupal.org 用于安装。然后导航到 管理员/模块/安装 并通过上载zip / gzip软件包来安装文件,或照常使用其他方法(例如FTP,Git,Drush等)进行此过程.

所需模块-下载链接:

  • 库API:下载文件

组态: 安装后 库API 模块,打开 文件管理器 在 面板 并在根目录下创建一个新目录 Drupal 8 安装(地址:. ../图书馆).

如何在Drupal 8中将作物添加到图像上传

下一步,需要上传一组 的JavaScript 文件到 /图书馆 夹.

第二步:将Cropper JavaScript文件上传到Web服务器

导航到 的GitHub 的页面 裁剪器jQuery 将用于的项目 Drupal 8 用于管理图像上传。 JQuery文件是Drupal模块所必需的.

所需模块-下载链接:

  • 农作物:下载文件

组态: 下载后 裁剪器jQuery 来自的文件 的GitHub, 解压缩档案 & 上载 / dist 文件夹到 / libraries / cropper / dist 在您的Web服务器上.

注意: 保留在 / dist 原始状态的文件夹.

如何在Drupal 8中将作物添加到图像上传

安装后 图书馆 模组 & 的 裁剪器jQuery 文件,运行该文件的所有先决条件 图像小部件裁剪 开启模块 Drupal 8 网站完整.

第三步:安装D8的图像小部件裁剪模块

要安装图像裁剪功能,需要两个模块 Drupal 8. 与 图书馆 模块,根据FTP,Git,Drush等的选择进行安装.

所需模块-下载链接:

  • 裁剪API :(下载文件
  • 图像小部件裁剪:(下载文件

组态: 在模块的配置部分中,位于:

  • 管理: / admin / config / media / crop-widget

确认模块已正确安装 & 设置缩略图设置.

如何在Drupal 8中将作物添加到图像上传

注意: 如果没有出现裁切类型,请设置图像样式。单击复选框以警告用户何时将在多种设置中使用图像, & 保存配置值.

第四步:在Drupal Admin中设置图像缩略图大小

为了建立一个自定义图像缩略图设置 Drupal 8, 导航: 管理员/配置/媒体/图像样式 然后点击按钮 “添加图片样式”.

命名设置,然后选择 “作物” 从下面的菜单中 “效果” 然后点击 “加”. 输入长度数值 & 的宽度 作物 以像素为单位 & 保存设置.

如何在Drupal 8中将作物添加到图像上传

设置主图像的像素值 & 然后保存。的 图片缩图 设置必须将它们应用于以下内容类型之一上的图像字段 Drupal 8 用来.

第五步:配置内容类型的图像字段设置

最后,导航至 Drupal 8 内容类型部分并启用不同 缩图大小 在网站上使用。您可以为每种节点类型保留不同的值,例如 文章 & 网志, 用CMS构建多媒体发布系统.

如何在Drupal 8中将作物添加到图像上传

组态: 导航 管理员/结构/类型 & 查看每种内容类型的图像字段设置。在使用图像字段的地方,相应地设置缩略图大小.

点击 “管理字段”链接并继续 “管理显示” 标签。查看图像字段的设置,并将显示更改为所需的图像缩略图大小.

结论:上传 & 将图像裁剪为缩略图大小

借助此系统,网络发布者可以手动将任何图片,文章,博客,产品等的图片上传裁剪到 Drupal 8 根据固定的缩略图大小使用 裁剪器jQuery.

此方法使内容创建者可以更好地控制网页中图像的最终外观。与IMCE,CKEditor,Bootstrap,实体浏览器等工具配合使用.

查看以下三大Drupal托管服务:

化学云

起始价:
$ 2.76


可靠性
10


价钱
9.9


方便使用的
9.9


支持
10


特征
9.9

阅读评论

造访ChemiCloud

Hostinger

起始价:
$ 0.99


可靠性
9.3


价钱
9.3


方便使用的
9.4


支持
9.4


特征
9.2

阅读评论

参观Hostinger

A2托管

起始价:
$ 3.92


可靠性
9.3


价钱
9.0


方便使用的
9.3


支持
9.3


特征
9.3

阅读评论

访问A2托管

相关方法文章

  • 如何在Drupal 8中创建动画幻灯片
    中间
  • 如何在Drupal 8中管理社交媒体缩略图?
    中间
  • 如何使用我们使用Drupal 8加密SSL证书
    中间
  • 如何安装 & 使用Drupal配置Ubecart
    新手
  • 如何安装 & 使用Twitter Bootstrap作为Drupal 8主题
    新手
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map