README

一个简单的内容块，用于在列中显示文本
(私有项目，不提供帮助/支持)

要求

• SilverStripe ^4.2
• dnadesign/silverstripe-elemental ^4.0
• sheadawson/silverstripe-linkable ^2.0@dev

建议

• derralf/elemental-styling

当使用 derralf/elemental-styling 的 StyledTitle 时，修改 /templates/Derralf/Elements/Textcolumns/Includes/Title.ss 以满足您的需求。

安装

• 通过 Composer 安装模块

  composer require derralf/elemental-textcolumns
  

配置

基本/默认配置。将其添加到您的 mysite/_config/elements.yml

注意 colors 的示例选项，默认样式表中不包括这些样式。

---
Name: elementaltextcolumns
After: 'elemental-textcolumns'
---
Derralf\Elements\Textcolumns\Element\ElementTextColumnsHolder:
  # disable StyledTitle
  title_tag_variants: null
  title_alignment_variants: null
  # styles
  style_default_description: 'Standard: 3 Spalten'
  styles:
    TwoColumns: '2 Spalten'
    TitleLeftTextRight: 'Titel links, Text rechts'
Derralf\Elements\Textcolumns\Model\ElementTextColumnsItem:
  readmore_link_class: 'btn btn-primary btn-readmore'

此外，您还可以应用默认样式

# add default styles
DNADesign\Elemental\Controllers\ElementController:
  default_styles:
    - derralf/elemental-textcolumns:client/dist/styles/frontend-default.css

有关如何禁用默认样式表的说明，请参阅 Elemental 文档中的 相关内容。

添加您自己的模板

您可以添加自己的模板/样式，如下所示

Derralf\Elements\Textcolumns\Element\ElementTextColumnsHolder
  styles:
    MyCustomTemplate: "new customized special Layout"

...并将模板命名为 ElementTextColumnsHolder_MyCustomTemplate.ss 放在 themes/{your_theme}/templates/Derralf/Elements/Textcolumns/Element/
和/或 为 .derralf__elements__textcolumns__element__elementtextcolumnsholder.mycustomtemplate 添加样式到您的样式表。

模板说明

基于 Bootstrap 3+ 的模板，但可能需要一些额外的样式

• 可选地，您可以将此模块提供的 CSS 基本样式要求添加到控制器类中，如 mysite/code/PageController.php（或在上面的配置 yaml 中添加这些样式）

  Requirements::css('derralf/elemental-textcolumns:client/dist/styles/frontend-default.css');
  

• 或复制并修改您主题 scss 中的 client/src/styles/frontend-default.scss

屏幕截图

(不可用)