logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
03/09/2025, by Ivan

JSON Drop API Documentation

目标

创建一个供应商列表页面,该页面会在网站上新增、删除或更新供应商时自动更新。

站点前提条件

步骤

  1. 在 管理 管理菜单中,导航至 结构 > 视图 > 添加视图 (admin/structure/views/add)。添加视图 向导将出现。
  2. 按照下表填写字段。

    字段名称 说明 示例值

    视图基本信息 > 视图名称

    在管理页面中可见的视图名称

    Vendors(供应商)

    视图设置 > 显示

    视图中列出的信息类型

    内容

    视图设置 > 类型

    指定内容类型

    Vendor(供应商)

    视图设置 > 排序依据

    列表顺序

    标题

    页面设置 > 创建页面

    创建一个显示视图的页面

    已勾选

    页面设置 > 页面标题

    显示在视图上方的标题

    Vendors(供应商)

    页面设置 > 路径

    页面地址

    vendors

    页面设置 > 页面显示设置 > 显示格式

    列表类型

    表格

    页面设置 > 显示的项目数

    页面上可见的项目数

    10

    页面设置 > 使用分页器

    如果项目数较多,将列表拆分为多个页面

    已勾选

    页面设置 > 创建菜单链接

    将视图页面添加到菜单中

    已勾选

    页面设置 > 菜单

    添加链接的菜单

    主导航

    页面设置 > 链接文本

    菜单中链接的标签

    Vendors(供应商)

    视图创建
    视图创建向导

     

  3. 点击 保存并编辑。视图配置页面出现。
  4. 在 字段 下,从下拉按钮中点击 添加添加字段 弹出窗口出现。
  5. 在搜索字段中输入“image”。
  6. 在表格中勾选“主图像”。
  7. 点击 应用配置字段:内容:主图像 弹出窗口出现。
  8. 按照下表填写字段。

    字段名称 说明 示例值

    创建标签

    在字段值前添加一个标签

    未勾选

    图像样式

    图像的格式

    中等 (220x220)

    将图像链接至

    为内容项添加一个链接

    内容

  9. 点击 应用。视图配置页面出现。
  10. 在 字段 下,从下拉按钮中点击 添加添加字段 弹出窗口出现。
  11. 在搜索字段中输入“body”。
  12. 在表格中选择 正文
  13. 点击 应用配置字段:内容:正文 弹出窗口出现。
  14. 按照下表填写字段。

    字段名称 说明 示例值

    创建标签

    在字段值前添加一个标签

    未勾选

    格式化器

    字段值的显示方式

    摘要或截断

    截断限制:

    最大显示字符数

    120

  15. 点击 应用。视图配置页面出现。
  16. 在 字段 下,点击 内容:标题(Title)配置字段:内容:标题 弹出窗口出现。
  17. 取消勾选 创建标签。这将移除向导创建的标签。
  18. 点击 应用。视图配置页面出现。
  19. 在 字段 下,从下拉按钮中点击 重新排序重新排序字段 弹出窗口出现。
  20. 拖动字段的十字拖动手柄,将其调整为正确顺序:图像、标题、正文。作为拖动的替代方法,你可以点击表格顶部的 显示行权重 链接并输入数值权重(权重较低或更负的字段会首先显示)。
  21. 点击 应用。视图配置页面出现。
  22. 可选:点击 更新预览 查看预览效果。
  23. 点击 保存

    视图创建完成
    视图创建完成

     

  24. 导航至首页,并从主导航点击“Vendors(供应商)”,查看结果。

    视图创建结果
    视图创建结果

本文来自 Drupal 用户指南。由 Boris Doesborg 和 Jennifer Hodgdon 撰写/编辑。