跳转到主要内容
你行网

Main navigation

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

面包屑

  1. 首页
  2. Drupal 8的全能指南
  3. 贡献的模块
  4. A11Y段落标签

将其他字段添加到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

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

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

评论

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

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

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

最新文章

  • 内容审核通知 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 设置中的“总结摘要”和“切边的” 有什么区别

教程节点

  • 概观
  • 系统要求
  • 安装Drupal 8
  • 将Composer添加到现有站点
  • 可信主机设置
  • 更新Drupal 8
  • 管理Drupal 8站点
  • 扩展Drupal 8
  • 贡献的模块
    • A11Y段落标签
      • 安装A11Y段落选项卡
      • 将其他字段添加到A11Y段落选项卡
      • 将其他段落附加到选项卡的内容字段
      • 设置A11Y段落选项卡
    • 加速移动页面(AMP)
    • 访问NASA API
    • 高级CSS / JS聚合
    • Alexa的
    • 仅允许一次内容类型(仅限一个)
    • Apigee API目录
  • 多站点Drupal
  • 无障碍

标签云

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