README

M12.Foundation旨在以最佳方式在Neos CMS中实现Zurb Foundation（v5）组件的绝大部分功能。

特性

实现的Zurb Foundation组件

• 手风琴
• 警告和面板
• 按钮
• 下拉菜单（带有链接或任何内容）
• 字体图标（基于Font Awesome图标）
• 表单元素：表单容器、分组、标签（包括前缀/后缀标签）、输入、复选框、单选按钮、选择、文本区域
• 网格：块网格、网格行与网格列、简单容器
• 灯箱（用于块网格中的图像）
• 导航：顶部栏
• 导航：侧边导航、子导航
• 导航：Magellan粘性导航支持
• Orbit滑块
• Reveal模态（包括在模态窗口中打开图像的支持）
• 选项卡
• 工具提示
• 视频（Flex视频）

其他特性

• 自动预配置的复杂组件（所谓辅助节点）。多亏了这一特性，您可以得到即插即用的复杂组件。例如

  • Reveal模态：当您将此组件添加到页面时，它还将创建一个按钮并将其与Reveal模态连接起来，这样您就可以单击它，查看模态窗口并编辑其内容。
  • 下拉菜单：当您将此组件添加到页面时，它还将创建一个按钮并将其与下拉菜单连接起来，这样您就可以单击它，查看下拉菜单并编辑其内容。
  • 网格行：例如，添加一个有4列的网格行将为每个设备设置合理的列宽（即小尺寸12/12，中尺寸6/12，大尺寸4/12）。
  • Orbit滑块：添加此组件将添加3个带有占位图像的子节点。
  • 表单容器：添加此组件将为您创建一个响应式表单，包括所有网格行组件、标签等。

  请参阅Settings.yaml以获取完整的辅助节点配置（M12.Foundation:assistanceChildNodes部分）。

• 支持许多组件的背景图像（来自媒体库和使用外部图像）。多亏了这一特性，您可以轻松地创建类似于Hero的组件。

• 为每个组件的检查器提供前后和左右的间距。

• 语义标签：可以为大多数组件定义自定义的语义标签（例如，使用section而不是div）。

• 可以为几乎所有组件（或适用处）定义多个Foundation常用类，如rounded、radius、浮点、文本对齐。

• 工具提示：可以使用它们与许多组件一起使用，包括默认的Neos组件（例如标题）。

• 字体图标：可以将它们添加到具有意义的组件中（例如按钮）。

...等等。

请查看问题跟踪器以查看当前正在进行的工作和/或未来的计划。
请查看发布页面以查看适用于您Neos版本的稳定版本。

用法

最佳方式是与M12.FoundationSite站点包一起安装，其中包含所有CSS/JS，包括所有用于绕过Neos（例如，将Foundation组件重新初始化为它们被添加到页面上的代码）的JS代码。

注意：请关注发布说明，以匹配您Neos版本的正确版本。

在您的主composer.json中包含m12/neos-foundation和m12/neos-foundation-site依赖项

    "require": {
        "other-dependenies-here...": "*",
        "m12/neos-foundation": "dev-master",
        "m12/neos-foundation-site": "dev-master"
    },

然后运行composer install

与neos-protobrew-distribution的使用

您可以使用这个插件与现成的、开箱即用的neos-protobrew-distribution。这是一个为PrototypeBrewery.io项目创建的开源Neos发行版，它已安装并配置了M12.Foundation和M12.FoundationSite插件。如果您熟悉Docker，还有一个包含整个包的Docker镜像，因此尝试起来非常简单。请参阅README中的说明。

作者

• 马辛·里齐奇 marcin@m12.io
• 塞缪尔·里齐奇 samuel@m12.io
• 德米特里·皮萨列夫 dimaip@gmail.com

许可协议：MIT许可（MIT）

赞助商 PrototypeBrewery.io - 新的原型工具，用于构建网站或Web应用的完整交互式原型。建立在Neos CMS和Zurb Foundation框架之上。