WPCOM 主题兼容 WordPress 系统内置区块与主题专属扩展组件/区块,可在后台区块编辑器中直接选用插入文中,充分满足多样化的文章内容布局需求。
按钮
栏目分栏
幻灯滑块
提示信息
操作已成功完成,页面内容已同步保存,可以放心继续编辑。
请注意:本演示页面基于 Module 主题最新版,相关区块功能以实际版本为准。
温馨提示:更新主题之前,建议先备份站点数据,避免出现意外情况。
如果提示内容较多的情况下也可以选择大图标,对于多行展示效果会好一些。
如需更多帮助,欢迎访问 WPCOM 官方文档,或联系我们的技术支持团队。
面板
什么是面板区块
面板区块用于承载一组相关联的内容,搭配醒目的标题栏,让重点信息一目了然。
面板的风格样式
通过修改面板的风格与配色,可以强化内容的视觉层级。主题提供了默认、成功、提示、警告、危险等多种风格,满足不同场景的表达需求。
在区块编辑器中选中面板,即可在右侧边栏快速设置风格、标题与图标,操作简单直观。
面板的使用场景
面板内部支持嵌套任意区块,无论是图文、列表还是按钮,都能被整洁地收纳其中,非常适合用于产品说明、重点提示等场景。
面板的内容嵌套
多个面板组合使用时,可以形成整齐划一的模块化布局,让整篇文章层次分明、条理清晰。
面板之间还可以继续嵌套栏目、选项卡等区块,构建出更复杂的信息结构,满足多样化的排版需求。
面板的扩展能力
面板标题支持插入图标,图文结合的表达方式能让内容更具辨识度与亲和力,也让页面在细节上更加出彩。
选项卡
选项卡可以将大量内容分类收纳,读者无需滚动页面即可快速切换查看不同的板块。通过合理的分组,即使信息量很大,也能让页面保持井井有条,方便读者按需获取内容。
在选项卡中加入图片与链接,能够丰富页面的表现形式,提升信息传递的效率。
你还可以在标签页中嵌套表格、列表、按钮等区块,让每个面板都具备完整而充实的内容结构。
选项卡支持上下与左右两种布局方式,可根据页面空间选择最合适的展示形态。上下布局适合内容较多的场景,左右布局则更适合需要节省纵向空间的页面,两种方式在移动端都会自动适配。
每个选项卡面板都是独立的编辑区域,互不干扰,便于维护复杂的内容结构。添加或删除标签页都不会影响其他面板的内容,让编辑过程更加流畅高效。
这是左右布局的面板演示效果。
合理使用选项卡可以有效缩短页面长度,让用户更快地找到自己需要的信息。当内容可以划分为多个并列的板块时,选项卡往往是比长篇滚动页面更友好的选择。
选项卡的切换动效流畅自然,为浏览过程增添了一丝互动的乐趣。
简洁直观的交互设计让读者在不知不觉中完成内容浏览,有效提升整体的使用体验。
你可以为每个选项卡设置独立的标题与内容,灵活组合出多样化的信息呈现方式。无论是产品介绍、团队风采还是常见问题,都可以通过选项卡清晰而有条理地展示出来。
与手风琴相比,选项卡更强调并排展示,适合需要同时呈现多个入口的场景。你可以根据内容的组织方式与信息量,选择最合适的组件来呈现,达到最佳的阅读效果。
手风琴
手风琴组件将内容折叠收纳,读者点击标题即可展开查看,非常适合存放常见问题、产品参数等说明性内容。
当页面包含大量需要按需阅读的信息时,手风琴可以在保持页面整洁的同时,确保内容的完整呈现,兼顾美观与实用。
在区块插入器中找到「手风琴」区块,点击「添加选项卡」即可新增条目,并为每个条目设置独立的标题与内容。
手风琴的标题与正文均可自由编辑,配合图标与样式设置,能够适应各种使用场景。你还可以调整展开方式,让内容展示更加灵活。
将长篇幅的内容放入手风琴中,可以显著降低页面的视觉负担,提升整体的浏览舒适度。对于移动端用户而言,这种逐条展开的阅读方式也更加友好。

