跳转到主要内容
你行网

Main navigation

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

面包屑

  1. 首页

将其他字段添加到A11Y段落选项卡

由 hrs, 27 七月, 2019
标签
drupal

在本文档中,我们将向您展示如何轻松地将其他字段添加到选项卡的内容区域。开箱即用的A11Y Paragraphs标签只有一个文本字段。在此组件上添加的文本字段具有CKEditor所见即所得的编辑器,它可以让您能够执行一些很棒的选项,例如添加文本,图像,表格,链接等。 

但是,如果您想在选项卡的内容区域中添加图像字段等,我们将逐步向您展示如何:

  • 转到结构>段落类型,然后单击“A11Y段落选项卡内容”旁边的“管理字段”。此“A11Y段落选项卡内容”段落是选项卡内容区域的段落。

01-adding-fields-step1.png

  • 点击“添加字段”

02-adding-fields-add-field.png

  • 点击“选择字段类型”

03-adding-fields--select-field-type.png

  • 出于演示的目的,我将添加一个图像字段。选择“图像”并为您的字段添加标题。如果您使用自定义字段名称,也可以更改字段的计算机名称。点击“保存并继续”

04-adding-fields--add-image-field.png

  • 在下一个屏幕上,在“允许的数值”下选择要添加的图像数量。单击“保存字段设置”。
  • 在下一个屏幕上,您可以向该字段添加帮助文本,以便添加内容的任何人了解该字段的用途。如果您愿意,也可以在此屏幕上进行其他更改。点击“保存设置”。
  • 该领域现已创建。

05-adding-fields--field-added.png

  • 现在,您可以单击“管理显示” - 选项卡并隐藏该字段的标签。您通常不希望在完成的页面上显示字段标签。然后点击“保存”

06-addng-fields--manage-display.png

  • 现在您已设置字段并准备添加内容。
  • 在之前的文档中,我解释了如何将段落添加到您的内容类型:https:  //www.drupal.org/docs/8/modules/a11y-paragraphs-tabs/setting-up-a11y-paragraphs-tabs  。如果您尚未将其添加到您的内容类型,请立即执行此操作。
  • 要添加内容,请单击“内容”>“添加内容”,然后单击要添加的内容类型以及已添加段落的内容类型。
  • 我将要添加一个基本页面。

07-adding-fields--add-content.png

  • 您将看到我们的标签段落。您可以填写章节标题。如果您不想要标题,请留空。
  • 单击“添加A11Y段落选项卡面板”以添加选项卡。

08-adding-fields--add-paragraph.png

  • 添加选项卡标题,然后单击“添加A11Y段落选项卡内容”以添加内容字段。我们在编辑或添加新内容时不会立即打开所有字段,以免在页面上过于庞大。

09-adding-fields--add-tab-content.png

  • 然后,您将看到新添加的图像字段。或者您添加的任何字段。

10-adding-fields--add-tab-content-open.png

  • 添加图片和文字。然后添加另一个选项卡,单击“添加A11Y段落选项卡面板”

11-adding-fields--add-second-tab.png

  • 您可以根据需要添加任意数量的选项卡。添加完所需的所有选项卡后,单击“保存”,您现在应该可以看到选项卡的运行情况

12-adding-fields--finished.png

  • 在移动设备上它将是一架手风琴

13-adding-fields--mobile.png

这就是您在标签的内容区域添加字段的方法。

我希望您发现此文档很有帮助。

评论

  • 登录或注册以发表评论

书籍遍历链接: 将其他字段添加到A11Y段落选项卡

  • 安装A11Y段落选项卡
  • 向上
  • 将其他段落附加到选项卡的内容字段

相关文章

教程节点

  • 概观
  • 系统要求
  • 安装Drupal 8
  • 将Composer添加到现有站点
  • 可信主机设置
  • 更新Drupal 8
  • 管理Drupal 8站点
  • 扩展Drupal 8
  • 贡献的模块
    • A11Y段落标签
      • 安装A11Y段落选项卡
      • 将其他字段添加到A11Y段落选项卡
      • 将其他段落附加到选项卡的内容字段
      • 设置A11Y段落选项卡
    • 加速移动页面(AMP)
    • 访问NASA API
    • 高级CSS / JS聚合
    • Alexa的
    • 仅允许一次内容类型(仅限一个)
    • Apigee API目录
  • 多站点Drupal
  • 无障碍
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号