跳转到主要内容
你行网

Main navigation

  • 首页
  • Drupal
  • 编程与开发
  • 数据库
  • 操作系统与应用
  • 服务器与运维
  • 社区
User account menu
  • 登录

面包屑

  1. 首页
  2. Drupal 8 用户指南
  3. 第6章设置内容结构

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节“概念:响应式图像样式”

 

 

评论

  • 登录或注册以发表评论
  • 160 次浏览

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

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

最新文章

  • 内容审核通知 content_moderation_notifications 模块简介
  • 调度程序 scheduler 模块简介
  • 工作流当中的草稿,已发布,很好理解,已归档是怎么理解。
  • 你行网 https://www.dwoke.com seo 关键词
  • brew 是什么命令
  • drupal 9 或 drpal 10 国内内容分享模块 Will Nice social share
  • Views Slideshow - Views Vanilla JavaScript Slideshow (VVJS) 简介和安装方法
  • drupal 11 安装statistics 统计模块
  • drupal11 扩展中找不到Statistics模块
  • drupal11 设置中的“总结摘要”和“切边的” 有什么区别

教程节点

  • 前言
  • 第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章最后的想法
  • 词汇表
  • 指数

标签云

adsenseAIapacheaptbadblocksbreadcrumbbrewcentoscertbotckeditorcommandcomposercookiecsharpCSScurlC语言DDEVdiffdnsdockerDreamweaverDrupaldrupal 7drupal 8drupal 9drupal10drupal 11drushExcelfirewalldfirmwareflameshotformgimpgitgzipHTMLHTML5httpdhttp验证inputipjavaJavaScriptJavaSrciptkernelKVMLinuxmavenmbstringmod_expires 模块Mysqlnerdtreenetstatnetworknginxnpmpasswordphpphpmyadminphp扩展RFIDRSSselinuxSEOsharesimple_adsensesshsslStatisticssuperfishsurroundtagcloudstitleubuntuuploadprogressvimVPNVUEWireGuardwpsxdebugyoutubeyumzip主题(theme)二进制五笔分类术语压缩解压哈希值声音字段密码工作流快捷键摄影权限果树种植标签优化模块(module)源地址版本号电子秤电脑基础电脑技巧短信验证端口简介算法网站备份网站运营翻译英语表单视图(views)计算机基础赚钱超五类线网线邮件验证重定向重定向,301错误颜色

相关文章

RSS源

关于我们

  • 你行网简介
  • 关于我们
  • 版权声明

网站相关

  • 社区论坛
  • 网址导航
  • 网站地图
  • 联系我们

友情链接

  • 英文学习

友情链接2

  • drupal 大学
  • 水滴间
  • 爱码网
  • Apache

友情链接3

  • MySQL
  • php
  • drupalcode

友情链接4

  • Drupal 中国
  • Drupal 老葛
  • 宁浩网
  • drupal 台湾
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号-1