公司介绍模块自定义

核心功能

1 模块化拖拽搭建与实时预览编辑

左侧模块库以业务逻辑分类，提供“空白模块”、“导航”、“功能模块”、“知识付费”、“公司介绍”、“服务介绍”、“关于我们”、“企业博客”等预制模块，支持快速搭建专业页面。用户通过明确引导“拖拽选中的模板到合适的位置”将模块从库中拖拽到中央画布，完成页面构建。右侧预览区实时展示“关于我们”页面效果，包含品牌介绍、核心数据、地图等元素，并可在此区域直接点击编辑，实现“所见即所得”。

2 模块背景与多端布局深度配置

在“编辑”模式下可设置“模块名称”，配置“模块同步”（跨页面复用）和“分栏信息”。提供“背景颜色”选择和“背景图片”上传，点击“背景图片”旁的图标可打开“更换图片”窗口，从“官方推荐”、“我的上传”、“外部链接”等来源选择图片，实现模块背景个性化。支持分别设置“内容宽度”（如1170px）和“移动端”版本，实现PC端与手机端的精细化响应式布局适配，超越简单的自动缩放。

3 专业级文本内容样式精细化排版

在“编辑”模式下的“内容样式”面板，提供“文字内容排版自定义”功能，可对选中文本块进行“字体”、“大小”、“颜色”、“样式”（粗体/斜体）、“对齐方式”、“行高”、“字间距”等全方位的CSS级样式控制。所有文本样式调整在右侧预览区实时生效，实现“所调即所见”的专业设计体验。此功能让非设计师也能轻松实现出版级的排版效果，极大提升页面视觉层次和可读性。

功能截图与界面解析

【图1：模块选择与页面搭建视图（页面框架师）】

图示：页面框架师角色，用于选择和放置页面所需的功能模块。用户在此从左侧模块库中将“关于我们”等业务模块拖拽到页面，构建出页面的主体结构和内容框架，是建站的“蓝图绘制”阶段。

【图2：模块背景与布局编辑视图（视觉氛围设计师）】

图示：视觉氛围设计师角色，对模块的视觉背景和整体布局进行控制。通过上传背景图、设置背景色、定义内容宽度，为模块（如“关于我们”板块）营造独特的视觉氛围和结构，是美感塑造的关键。

【图3：文本内容样式编辑视图（内容排版与UI设计师）】

图示：内容排版与UI设计师角色，专注于页面中具体文字内容的视觉呈现。通过专业文本样式面板对文案进行字体、大小、颜色、间距等像素级调整，是提升页面视觉层次、可读性和专业质感的关键。

适用行业与场景

行业/企业类型	典型使用场景	核心价值
企业官网与品牌展示	几乎所有企业都需要“关于我们”页面来建立品牌信任、展示公司实力（数据、地图）、讲述品牌故事，树立专业形象	树立专业品牌形象，建立客户信任
B2B专业服务与咨询公司	需要通过专业的文案排版和视觉设计，在“关于我们”页面中清晰、有说服力地展示其服务理念、客户案例和行业地位	专业内容展示，提升业务说服力
内容营销与资讯网站	需要对文章、新闻等内容进行频繁的样式调整，以适配不同的主题和排版需求，提升内容的视觉吸引力和可读性	灵活内容排版，增强信息传达
拥有多语言站点的企业	需要为不同语言版本的内容适配相应的字体、字号和排版风格，确保各语言版本页面的专业性和一致性	多语言内容适配，保持品牌一致

对比优势

清晰的“搭模块 -> 设背景 -> 调文字”三步工作流

图1、2、3分别对应了建站的三个核心阶段，引导用户从宏观到微观有序工作，避免了功能混杂带来的混乱，相比传统编辑器逻辑更清晰，学习成本更低。

内置素材与便捷的背景管理流程

提供“官方推荐”等图库，并支持“外部链接”，为用户提供了便捷的素材来源，无需离开编辑器即可完成背景图的搜索、上传和设置，流程闭环，效率更高。

将专业CSS排版属性完全图形化控制

将复杂的CSS文本属性（字体、大小、颜色、行高、字间距）完全图形化、面板化，用户无需编写代码就能像使用专业设计软件一样实现出版级的排版效果。

“预制模块”效率与“深度样式”个性化完美结合

用户用“关于我们”等预制模块快速搭建出标准结构保证效率，再通过背景和排版功能将其变得独一无二保证视觉个性，兼顾了标准化与定制化需求。

标准操作流程（以为企业创建“关于我们”页面为例）

1

拖拽添加“关于我们”模块到页面

进入目标页面编辑状态，在左侧“模块”面板的“推荐模块”或“公司介绍”分类下找到“关于我们”模块，将其拖拽到页面中央的画布区域，完成页面主体框架搭建。

2

配置模块视觉背景与布局参数

点击“关于我们”模块，在左侧“编辑”面板的“分栏信息”或“背景”设置区域，从“官方推荐”或“我的上传”中选择一张符合品牌调性的高质量图片作为模块背景，并设置“内容宽度”为1200px。

3

在预览区直接修改文本内容

在右侧预览区点击模块中的品牌口号、公司介绍、核心数据等文本，将其修改为公司的真实信息，如“'乐'分享、'通'数据、'达'客户...”以及具体的业务数据。

4

通过样式面板精细化调整文字排版

点击要调整的文本块，在左侧“内容样式”面板中设置专业字体、调整字号使其醒目、修改颜色与背景形成对比、设置为“居中对齐”，并可微调“行高”和“字间距”优化阅读体验。

5

多端预览测试与最终发布上线

点击“保存”后切换至“手机版”预览，检查背景图适配、文字大小和布局是否正常。确认无误后点击“发布”按钮，使专业精美的“关于我们”页面正式上线。