片段库

常见的片段

将使用这些片段的元素内部的部分。您可以把它们来创建不同的风格和设计。把他们当做独立的模块,可以帮助我们更好的显示内容。

• 手风琴

• 链接和按钮

• 卡片

• 卡网格

• 快速链接

• 标题和文本

部分布局片段

这个列表的片段可以被认为是预制部分所有的类,div,初始用户需要可编辑区域建立一个宽屏部分布局。这些片段的结构不同于常见的片段,在这里,你可以找到一个快速的解释它的结构。

• 基本

• 卡网格

• 列

• 提要

• 侧边栏

• 汽车

  这一项表明,网格或列表项的数量将出现在一行自动根据屏幕的大小决定。你会选择一个“汽车——“电网或列表当你想要的屏幕尺寸(或“视窗”)来确定最大数量的最小的东西会适合彼此在一行,通常是这样。较小的屏幕可能只有一个或两个项目每线,虽然大屏幕可能适合3,4或5使用默认的间隙空间(项目)之间的空间。

  主要是为了“工作”时,自动模式是超灵活的前端。设计人员和开发人员可以操纵模式的自定义属性来改变最小/最大大小的项目,这将改变计算决定多少项适合在同一行。实用工具类,如.u-space-gap-collapsed,也会影响计算,使汽车完全可定制的模式。

• 固定

  这个术语指的是一个网格或列表,每行预定(最大值)条目的数量。的——领先的,——两个,——3,——4个,——5关键字是用来表示这个数字应该是什么。你会选择一个“固定”网格或列表当你想限制物品的数量显示在一行,这通常是一个战略内容设计决策。在小屏幕上,固定模式是建立像汽车模式——项目的数量取决于窗口的大小。然而,一旦屏幕宽到可以容纳的最大数量minimimally-sized物品表示,如类=“o-fixed-grid o-fixed-grid——两个“,固定模式只会每行显示条目的数量,不管有多少项目是在网格中。

  固定的模式不提供相同级别的灵活性为自动模式。特别是,计算用于确定当屏幕可以容纳n个元素被硬编码到CSS以及默认的空白空间。定制理论上是可能的,但可能会产生意想不到的结果。

• OUX

  OUX模式构建提供最终可在一个所见即所得编辑器。V4环境中的OUX意味着元素包含一系列的其他HTML标签是处理所有内部标签的CSS样式。我们可以用卡元素来解释OUX工作使它更简单。卡内的元素,我们可以有一个标题,一个段落,图片,按钮,锚的链接,或者一个列表。如果这些元素在一个OUX卡片,卡片本身已经有了所有这些元素的CSS规则。

  OUX片段也是一个强大的终端用户的片段。如果他们想要添加另一个卡在卡的列表,他们可以通过按“输入”键在键盘上,另一个将被添加在Omni CMS编辑器视图。尽管新卡没有元素内,用户可以添加任何内容,因为它是一个OUX卡,不需要添加这些新元素类。

  OUX片段,可编辑区域应用于整个列表,不是每一个元素里面。因为这个设置,我们可以更容易添加新的元素使用CMS编辑器页面而不是使用源页面。

  所有OUX片段创建使用泛光灯CMS。OUX片段可以用作默认的片段的选择。