【问题标题】:How to create easy accordions in drupal如何在 drupal 中创建简单的手风琴
【发布时间】:2017-06-25 09:21:42
【问题描述】:

有没有办法在 Drupal 8 中轻松实现手风琴。 到目前为止,我已经完成了现场收集(或段落),但我的客户希望可以将手风琴放在他想要的内容中的任何地方。有了这些字段,我需要在模板上准备它。

所以我想到了类似 WordPress 中已知的短代码:

[accordion]
    [accordion-item id="item-1" title="Title of accordion item"]Drop-down content goes here.[/accordion-item]
    [accordion-item id="item-2" title="Second accordion item"]Drop-down content goes here.[/accordion-item]
    [accordion-item id="item-3" title="A Third accordion"]Drop-down content goes here.[/accordion-item]
[/accordion]

或者是否有某种用于 Drupal 的页面构建器模块,它允许这样做并提供更多的灵活性来创建内容?

感谢您的建议。

【问题讨论】:

标签: drupal drupal-8


【解决方案1】:

好的,这是一个非常自定义的解决方案(不像要求的那么简单),但我想我还是会这样做。你需要FieldGroup 模块和主题预处理知识。

  • 在您的表单中添加一个额外的字段。它将是滴度输入和正文文本区域的字段组。对其进行配置,以便用户可以添加无限数量的元素。
  • 现在假设您在所见即所得中添加了这个令牌:[accordion]
  • 在您的主题中,为您的节点(THEMENAME_preprocess_node)创建一个预处理函数,并获得所见即所得的内容。搜索令牌,如果有,请将 Fieldgroup 内容放在那里。
  • 不要忘记在显示屏上隐藏 Fieldgroup 内容。
  • 最后,在您的主题中,添加一个手风琴库(或核心中的 jquery-ui 手风琴)并将其应用于您注入的 html。

它应该做的工作。

编辑:您也可以使用Views Accordion。但我认为这对您的客户端 UX 来说不是一个有趣的解决方案。

【讨论】:

  • 谢谢,当然是一个很好的提示,但我会尝试找到更简单的方法,也许它存在,如果不存在,那么我会和你一起去。
  • Views accordion 是最简单的方法,但如果您想考虑客户的用户体验,则不一定是最好的。
猜你喜欢
  • 2018-06-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-23
  • 1970-01-01
  • 2023-01-29
相关资源
最近更新 更多