balo85/foundation_paragraphs

定义可用的段落，用于Zurb Foundation 6主题

维护者

详细信息

github.com/balo85/foundation_paragraphs

主页

源代码

问题

安装: 6

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

类型：drupal-module

1.0.8.2 2021-11-17 20:26 UTC

Requires

  • drupal/block_field: ^1.0@RC
  • drupal/core: ^8.6 || ^9
  • drupal/field_group: ^3.2
  • drupal/paragraphs_ee: ^1.8
  • drupal/twig_field_value: ^2.0
  • drupal/video_embed_field: ^2.4
  • drupal/viewsreference: ^1.7

GPL-2.0-or-later 74ac43a1fba84d5d058cb60c0618586c9af044ff

  • Giovanni Rocchini <giovanni.rocchini.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-18 17:53:07 UTC

README

  • 简介
  • 需求
  • 安装
  • 配置
  • 维护者

简介

Foundation 6 Utils Paragraphs定义了一组自定义段落，用作内容管理的基线。我们非常喜欢Zurb Foundation框架，因为我们几乎在所有网站上都在使用它。为了使基本开发更快，我已经将我们在网站上使用的所有标准段落添加到这个模块中。请始终检查Zurb Foundation文档以获取任何信息。

需求

此模块需要以下模块

请注意，您需要基于Zurb Foundation框架的定制主题才能使用此模块。我们建议使用ZURB Foundation(https://www.drupal.org/project/zurb_foundation)主题作为起始主题。

安装

像安装贡献的Drupal模块一样安装Foundation 6 Utils Paragraphs模块。有关更多信息，请访问https://www.drupal.org/node/1897420。

配置

此模块不需要配置。然而，您将在utils文件夹中找到两个scss文件。

spacers.scss有助于管理在网格系统中使用的顶部和底部空间。请检查文件以了解如何使用它。

theme-minimal-styles.scss提供了一个基本的骨架，用于管理网格和单元格背景。请随意将其作为您主题的起点。

有关使用单个段落的任何信息，请参阅以下内容。

常见问题解答

问题：如何使用Foundation Grid段落？

答案：Foundation Grid是这个集合中的主要段落，您需要管理的内容类型。这个段落使得您能够轻松管理

  • 网格的Custom ID和自定义类。
  • 顶部和底部空间，填充和边距。我们定义了一个基本的空间集合（0，1，2，3），但您可以根据需要添加更多。使用spacers.scss作为帮助管理它们。
  • 基于Zurb Foundation XY Grid的网格容器类型。
  • 基于Zurb Foundation XY Grid的单元格间距和折叠间距。
  • 基于Zurb Foundation Flexbox Utilities的水平垂直单元格对齐。
  • 背景，无论是图像还是颜色。您还有一个额外的复选框来管理全宽背景。请检查theme-minimal-styles.scss以了解如何管理它。
  • 单元格，用于管理网格中的每个内容。

问题：如何使用Foundation Cell段落？

A: 基础单元格是集合的另一个主要段落，它允许你在网格系统中定义自定义单元格。这个段落让你更容易管理

  • 单元格的自定义ID和自定义类。
  • 对于每个标准断点（小、中和大），基于 Zurb Foundation XY Grid 定义大小和偏移量。
  • 单元格的垂直对齐，基于 Zurb Foundation Flexbox Utilities。
  • 背景，无论是图像还是颜色。您有两个额外的复选框来管理背景，使其在左侧或右侧展开。请检查theme-minimal-styles.scss以了解如何管理它。
  • 元素，用于管理单元格内的每个内容。

Q: 文本元素段落是如何工作的？

A: 段落给你在单元格中添加单个WYSIWYG文本编辑器的机会。

Q: 图像段落是如何工作的？

A: 段落给你在单元格中添加单个图像的机会。上传的预定义路径为 images/paragraphs/[date:custom:Y]-[date:custom:m]

Q: 交错段落是如何工作的？

A: 段落给你在单元格中添加单个 Interchange 图像的机会。您可以管理3个图像，小、中和大。

上传的预定义路径为 images/paragraphs/[date:custom:Y]-[date:custom:m]

Q: 手风琴和响应式手风琴标签段落是如何工作的？

A: 这两个段落让你更容易管理Zurb Foundation的这两个元素，即 手风琴 和 响应式手风琴标签。请阅读官方文档以了解设置的定义。

Q: 高亮段落是如何工作的？

A: 段落允许你在单元格中添加单个WYSIWYG文本编辑器，以及处理自定义ID和自定义类的能力。我们发现需要用不同于文本的样式来管理高亮内容，因此我们将其保留为标准。

Q: CTA横幅段落是如何工作的？

A: 段落给你添加以下字段的块的机会

  • 自定义ID和自定义类
  • CTA链接
  • 标题
  • 文本元素作为WYSIWYG编辑器
  • 背景图像。通常会有一些CTA横幅需要处理，所以我们将其保留为标准。


Q: 分隔符段落是如何工作的？

A: 有时候你需要在不同的段落之间添加空白，或者添加一个样式化的空白。这个段落给你管理它的机会。您可以定义

  • 自定义ID和自定义类
  • 顶部和底部边距。我们定义了一套基本的空间（0、1、2、3），但根据需要添加更多。使用spacers.scss作为管理它们的帮助。
  • 分隔符类型

Q: Drupal块、Drupal视图和视频段落是如何工作的？

A: 这3个段落给你管理这些标准元素的机会。请查看相关模块获取更多信息

维护者

支持组织