Drupal 8 中的视图模式是什么

已发表: 2022-02-16

Drupal 以其在管理和呈现内容方面的灵活性而闻名。 Drupal 视图模式允许您基于特定上下文以某种方式呈现(显示)一个 Drupal 实体或多个实体(如节点)。

本教程将通过示例演示 Drupal 视图模式的使用。 我们将安装并使用 Field Group 和 Display Suite 模块。

让我们开始吧!


步骤1。 安装所需模块

  • 打开终端应用程序并将光标放在 Drupal 安装的根目录中。

  • 类型:

作曲家需要“drupal//field_group:^3.0”

作曲家需要 drupal/ds

Drupal 8 中的视图模式是什么

Drupal 8 中的视图模式是什么

  • 单击扩展

  • 启用显示套件字段组

  • 单击安装

Drupal 8 中的视图模式是什么

系统将提示您启用布局发现模块。

  • 单击继续

不需要其他模块。


第2步。 内容类型

出于本教程的目的,我们将创建一个名为“名人”的内容类型,其字段详见下表。 跟随相同的内容类型或创建另一个内容类型,例如“作者”、“患者”甚至另一个实体类型,例如“成员”——请记住,视图模式可以应用于各种实体,而不仅仅是节点

字段名称

字段类型

允许的值数

附加信息

图片

图片

1

出生

日期

1

仅日期 - 字段组 个人数据

死亡

日期

1舒

仅日期 - 字段组 个人数据

闻名

文本(长格式)

1

字段组 个人数据

早期生活

文本(长格式)

1

终身工作

文本(长格式)

1

死亡

文本(长格式)

1

琐事

文本(长格式)

1

项目符号列表

文件下载

文件

无限

要下载的其他文件/允许的文件扩展名:txt、pdf、doc、xls、xlsx、docx、jpg、png

相关链接

关联

无限

链接到其他资源

田野:

  • 出生

  • 死亡

  • 闻名

将被分组在一个名为“个人数据”的字段组中。

Drupal 8 中的视图模式是什么


步骤#3。 创建字段组

  • 单击管理显示 > 添加字段组
  • 在下拉列表中选择字段
  • 添加适当的标签。
  • 单击创建组

Drupal 8 中的视图模式是什么

  • 字段集拖到图像字段下方。

  • 隐藏图像标签。

  • 通过缩进将字段集中的字段分组

  • 使字段集中的标签inline

  • 单击保存

Drupal 8 中的视图模式是什么

请注意,我们已经在 Drupal 中配置了两种活动视图模式之一( Default 和 Teaser )。

Default 视图模式显示整个节点,而 Teaser 视图模式显示 Drupal 首页上文章的预告片显示。


步骤4。 创建内容

  • 点击内容 > 添加内容 > 名人

  • 创建4 到 5 个节点

Drupal 8 中的视图模式是什么


步骤#5。 创建自定义视图模式

  • 单击结构 > 内容类型

  • “名人”内容类型选择管理显示

Drupal 8 中的视图模式是什么

  • 向下滚动单击自定义显示设置

  • 单击管理视图模式

在这里,我们可以跨不同的实体类型( bundle )配置现有的视图模式。 我们还可以创建自定义视图模式来匹配我们的设计或信息要求。

  • 单击添加视图模式

Drupal 8 中的视图模式是什么

  • 单击内容

  • 视图模式一个合适的名称。

  • 单击保存

200106 视图模式 010

  • 创建2 个视图模式。

我使用了这些名称: Lifework view mode - Trivia view mode

Drupal 8 中的视图模式是什么

  • 单击结构 > 内容类型

  • 选择名人> 管理显示

  • 向下滚动并再次单击自定义显示设置

  • 检查您刚刚创建的 3 种视图模式。

  • 单击保存

Drupal 8 中的视图模式是什么

  • 单击个人数据查看模式。

  • 向下滚动并从下拉列表中选择两列布局(在显示套件选项下)。

  • 单击保存

  • 再次单击保存(最终)将字段移动到新列。

  • 个人数据字段集拖到左列的顶部。

  • 相应地放置三个相应的字段。

  • 图像放在右列。

  • 图像样式更改为中等。

  • 单击更新

  • 所有其他字段拖到已禁用部分。

  • 向下滚动单击保存

Drupal 8 中的视图模式是什么

  • 使用其他两种视图模式重复该过程使用布局选项:

    • 三列等宽

    • 三柱25/50/25

Drupal 8 中的视图模式是什么

Drupal 8 中的视图模式是什么


步骤#6。 创建视图

  • 单击结构 > 视图 > 添加视图

  • 视图一个合适的名称。

  • 选择名人类型的内容

  • 选中创建块

  • 每个块的项目数更改为 1。

  • 选中使用寻呼机

  • 单击保存并编辑

Drupal 8 中的视图模式是什么

  • 单击格式部分下的字段选项。

  • 选择内容

  • 单击应用

Drupal 8 中的视图模式是什么

  • 选择第一种查看模式。

  • 单击应用

  • 单击保存

Drupal 8 中的视图模式是什么

  • 单击Views UI右侧的Advanced部分。

  • 单击使用 AJAX:否

  • 检查使用 AJAX

  • 单击应用

  • 单击保存

Drupal 8 中的视图模式是什么

  • 使用相同的过程再创建2 个块。 唯一不同的设置是“格式”部分中的查看模式。

Drupal 8 中的视图模式是什么

Drupal 8 中的视图模式是什么


步骤#7。 放置积木

  • 创建只有标题的文章。

  • 单击保存

Drupal 8 中的视图模式是什么

  • 单击结构 > 块布局

  • 向下滚动内容部分。

  • 单击放置块

  • 搜索所有 3 个块。

Drupal 8 中的视图模式是什么

  • 单击放置块

  • 取消选中显示标题

  • 将块限制为我们刚刚创建的文章。

  • 单击保存块

Drupal 8 中的视图模式是什么

  • 对其他 2 个块重复该过程。

  • 重新排列标题下方的块。

  • 单击保存块

Drupal 8 中的视图模式是什么

前往文章并查看。

Drupal 8 中的视图模式是什么

Drupal 很酷! 恭喜!

请告诉我们您打算如何使用这个有用的 Drupal 功能。 谢谢阅读!