Ryan Wang 的头像
Ryan Wang
4 阅读

Halo 首个支持可视化编辑的主题,Publica 公共门户正式发布!

Halo 首个支持可视化编辑的主题,Publica 公共门户正式发布! 的封面图
Halo 首个支持可视化编辑的主题,Publica 公共门户正式发布! 的封面图

在 Halo 原有的内容体系中,主题模版控制着全站样式与公共区域,文章和页面编辑器负责具体内容。同时,主题配置项被收归在主题配置菜单中,用户进行改动时无法直接看到修改结果,只能保存后回到前台反复确认。随之而来的问题可能是:管理员为改变页面结构,需不断增加配置选项,且配置项增多后,编辑者难以迅速定位到目标字段。

全新的主题页面编排功能正是为应对该项挑战。

此次更新中,主题页面编排功能跟随「Publica 公共门户」主题同步上线。它首次在 Halo 主题中引入可视化编排能力:在 Console 中修改页面内容和模块设置,右侧同步显示实际页面效果。

该主题广泛适用于企业、高校、公共机构和其他内容型网站。首页与自定义页面都可以直接编排,不必修改模板,也不必在主题设置的长表单里寻找页面内容。

Halo Publica 可视化编辑页面

首页模块编排

首页由模块组成。模块可以添加、移除和排序,选中模块后,下方会显示对应的设置表单。

目前提供 12 类首页模块:

  • 首屏横幅

  • 数据概览

  • 新闻动态

  • 服务入口

  • 资源中心

  • 介绍模块

  • 重点内容

  • 通知公告

  • 专题聚焦

  • 开放机会

  • 合作伙伴

  • 联系信息

新闻动态、资源中心等模块可以关联 Halo 文章分类;按钮和链接可以直接选择文章、单页或分类。

Halo Publica 可视化编辑页面-编辑文字

添加模块前可以查看实际效果

点击「添加模块」会打开模块选择窗口。每个模块使用主题的真实样式和默认内容渲染,可以先查看版式,再决定是否添加。

Halo Publica 可视化编辑页面-选择模块

首页还提供三套预设:

  • 完整门户

  • 内容资讯

  • 服务展示

预设窗口会显示整套页面包含的模块和完整预览。应用后仍可继续修改、排序或删除模块。

Halo Publica 可视化编辑页面-选择预设布局

自定义页面可视化编辑

除了对首页进行编排,也支持用户创建自定义页面进行可视化编辑。

编辑器顶部可以切换首页和已有的可视化页面,也可以填写标题、Slug 并选择预设来新建页面。新页面先保存为草稿,首次保存后发布。

Halo Publica 可视化编辑页面-页面切换
Halo Publica 可视化编辑页面-新建可视化页面窗口

单页提供 16 类模块组件:

  • 图文介绍、标题与介绍

  • 数据指标、内容卡片、图标卡片

  • 时间线、步骤流程

  • 团队成员、组织架构、合作伙伴

  • 常见问题、资源下载

  • 服务地点、招聘职位

  • 联系信息、行动号召

内置预设包括关于介绍、产品服务、人才招聘、活动专题和联系我们。预设用于生成初始结构,之后可以逐项修改。

需要注意,普通自定义页面仍使用 Halo 原有编辑器,只有可视化页面会进入主题编排器。

Halo 页面显示可视化页面标记
Halo Publica 关于页面模板

使用实时主题预览

右侧预览直接加载当前主题页面,修改表单后,页面预览将同步更新。

预览支持:

  • 桌面、平板和手机尺寸

  • 缩放与自动适应

  • 点击页面模块并定位到对应设置

  • 访客模式下测试链接、滚动和页面交互

Halo Publica 可视化编辑页面-切换分辨率

页面内容与全局设置分开管理

主题设置继续承担全局样式管理功能,支持配置站点颜色、顶部公告、联系方式和页脚等内容。

具体页面(包含首页和自定义页面)的内容与结构则在可视化编辑器中统一管理。

Halo Publica 主题设置

立即体验

主题地址:https://www.halo.run/store/apps/app-ifci1oro

演示站:https://demo.halocms.site/?preview-theme=theme-publica


评论