README

提供一个接口来构建自定义内容页面。包括内容构建器部分 [CMS 预览仍在开发中]

安装

composer require iqnection-pages/pagebuilder

内容构建器部分

此部分允许您堆叠模块以创建独特的内容布局。每个块是该部分内的一个行，包括以下块：

• 标题
• 全宽内容
• 两列内容
• 三列内容
• 水平栏
• RSS 博客源（为 WordPress 源开发）

自定义内容构建器块

扩展 IQnection\PageBuilder\ContentBuilder\Block\Block 以构建自己的

配置

部分背景颜色

部分可以设置为具有背景颜色或图片。要设置背景颜色，您必须首先在样式表中声明该类

.bg-black { background:#000000; }
.bg-white { background:#FFFFFF; }

然后为声明的每个类添加配置值。每个值都应该是一个键值，其中键是下拉选项标签，值是分配给块的类

IQnection\PageBuilder\Section\PageBuilderSection:
  background_colors:
    'Black': 'bg-black'
    'White': 'bg-white'

您还可以分配顶部和底部的边框。此 CSS 是为您生成的，所以您只需要提供要选择的颜色

#IQnection\PageBuilder\Section\PageBuilderSection:
  border_colors:
    'Black': '#000000'
    'White': '#ffffff'

标题块

设置颜色和类的键值对以分配字体颜色。在您的样式表中声明一个设置字体颜色的类

.text-black,
.text-black * { color:#000000 !important; }

然后将值添加到配置中，使其成为选择项

IQnection\PageBuilder\ContentBuilder\Block\Headline:
  colors:
    'Black': 'text-black'
    'White': 'text-white'

水平栏

当您想划分内容但通过多个部分保持背景图片时，此块很有用。将选项添加到配置中，使其成为选择项，样式应已在上面的 PageBuilderSection 背景颜色设置中声明

IQnection\PageBuilder\ContentBuilder\Block\HorizontalBar:
  colors:
    'Black': 'bg-black'
    'White': 'bg-white'

博客源块

设置源的缓存生命周期。使用 php strtotime() 期望的格式，默认为 1 小时

IQnection\PageBuilder\ContentBuilder\Block\BlogFeed:
  feed_cache_lifetime: '-1 hour'

自定义模块

可以通过扩展类 IQnection\PageBuilder\Section\PageBuilderSection 创建自定义模块。部分可能包括表单或预定义布局，您能构建的任何内容

钩子

IQnection\PageBuilder\PageBuilder

• updateCustomCSS: 添加或编辑从所有部分生成的自定义 CSS

IQnection\PageBuilder\Section

• updateCSSClasses: 添加或更改设置在部分元素上的 CSS 类
• updateCustomCSS: 添加或编辑为部分元素生成的自定义 CSS

IQnection\PageBuilder\ContentBuilder\Block\Block

• updateSectionCSSClasses: 添加或更改分配给块元素容器的 CSS 类
• updateCSSClasses: 添加或更改分配给块元素的 CSS 类
• updateCustomCSS: 添加或编辑为块元素生成的自定义 CSS

导入/导出

仍在开发中