跳转到主要内容
你行网

Main navigation

  • 首页
  • 文章
  • 教程
  • 视频
  • 下载
  • 社区
  • 网站导航
User account menu
  • 登录

面包屑

  1. 首页

6.13 设置图像样式

由 hrs, 9 七月, 2019
标签
drupal

目标

添加图像样式并使用它在供应商页面上显示图像。

必备知识

  • 第6.3节“向内容类型添加基本字段”
  • 第6.11节“更改内容显示”
  • 第6.12节“概念:图像样式”

网站先决条件

  • 必须存在供应商和配方内容类型。请参见第6.1节“添加内容类型”。
  • 两种内容类型必须存在主图像字段。请参见第6.3节“向基本类型添加基本字段”。
  • 两种内容类型必须存在内容项。请参见 第6.1节“添加内容类型”,第6.3节“向基本类型添加基本字段”和第5.2节“创建内容项”。

脚步

  1. 在Manage管理菜单中,导航到Configuration > Media > Image styles(admin / config / media / image-styles)。
  2. 单击添加图像样式。
  3. 输入名称Extra medium(300x200)
  4. 单击“ 创建新样式”。出现页面编辑样式额外媒体(300x200)。
  5. 在“ 效果”表中,选择“ 缩放”和“裁剪”。单击添加。
  6. 填写如下所示的字段。

    字段名称 值

    宽度

    300

    高度

    200

  7. 单击添加效果。使用所选效果保存图像样式。

    01-structure-image-style-create-add-style.png

  8. 在Manage管理菜单中,导航到Structure > Content types (admin / structure / types)。
  9. 单击“供应商”内容类型的“ 操作”下拉列表中的“ 管理显示”。将出现“ 管理”显示页面(admin / structure / types / manage / vendor / display)。
  10. 确保选中“辅助”选项卡“ 默认”。
  11. 单击主图像字段的齿轮,以打开配置选项。
  12. 填写如下所示的字段。

    字段名称 说明 示例值

    图像样式

    使用哪种图像样式

    额外中等(300x200)

    将图片链接到

    单击图像时访问的页面

    没有

    02-structure-image-style-create-manage-display.png

  13. 单击更新。
  14. 单击保存。显示供应商内容时将使用新的图像样式。
  15. 打开供应商内容项并验证它现在是否显示缩小的图像。有关如何查找现有内容项的信息,请参见第5.3节“编辑内容项”。
  16. 对配方内容类型重复步骤8-15。

相关概念

  • 第6.3节“向内容类型添加基本字段”
  • 第6.12节“概念:图像样式”
  • 第6.14节“概念:响应式图像样式”

 

 

评论

  • 登录或注册以发表评论

书籍遍历链接: 6.13 设置图像样式

  • 6.12 概念:图像样式
  • 向上
  • 6.14 概念:响应式图像样式

相关文章

教程节点

  • 前言
  • 第1章了解Drupal
  • 第2章规划您的站点
  • 第3章安装
  • 第4章基本站点配置
  • 第5章 基本页面管理
  • 第6章设置内容结构
    • 6.1 添加内容类型
    • 6.2 删除内容类型
    • 6.3 将基本字段添加到内容类型
    • 6.4 概念:参考字段
    • 6.5 概念:分类学
    • 6.6 设置分类
    • 6.7 添加参考字段
    • 6.8 概念:表单和小部
    • 6.9 更改内容输入表单
    • 6.10 概念:查看模式和格式化程序
    • 6.11 更改内容显示
    • 6.12 概念:图像样式
    • 6.13 设置图像样式
    • 6.14 概念:响应式图像样式
    • 6.15 概念:文本格式和编辑器
    • 6.16 配置文本格式和编辑器
  • 第7章管理用户帐户
  • 第8章 块
  • 第9章使用视图创建列表
  • 第10章让您的网站使用多种语言
  • 第11章扩展和自定义您的站点
  • 第12章预防和解决问题
  • 第13章安全和维护
  • 第14章最后的想法
  • 词汇表
  • 指数
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号