WPCOM 主题兼容 WordPress 系统内置区块与主题专属扩展组件/区块,可在后台区块编辑器中直接选用插入文中,充分满足多样化的文章内容布局需求。

按钮

栏目分栏

幻灯滑块

链接卡片

代码高亮

body{
    padding: 0;
    margin: 0;
}

提示信息

面板

什么是面板区块

面板区块用于承载一组相关联的内容,搭配醒目的标题栏,让重点信息一目了然。

面板的风格样式

通过修改面板的风格与配色,可以强化内容的视觉层级。主题提供了默认、成功、提示、警告、危险等多种风格,满足不同场景的表达需求。

在区块编辑器中选中面板,即可在右侧边栏快速设置风格、标题与图标,操作简单直观。

面板的使用场景

面板内部支持嵌套任意区块,无论是图文、列表还是按钮,都能被整洁地收纳其中,非常适合用于产品说明、重点提示等场景。

面板的内容嵌套

多个面板组合使用时,可以形成整齐划一的模块化布局,让整篇文章层次分明、条理清晰。

面板之间还可以继续嵌套栏目、选项卡等区块,构建出更复杂的信息结构,满足多样化的排版需求。

面板的扩展能力

面板标题支持插入图标,图文结合的表达方式能让内容更具辨识度与亲和力,也让页面在细节上更加出彩。

选项卡

选项卡可以将大量内容分类收纳,读者无需滚动页面即可快速切换查看不同的板块。通过合理的分组,即使信息量很大,也能让页面保持井井有条,方便读者按需获取内容。

在选项卡中加入图片与链接,能够丰富页面的表现形式,提升信息传递的效率。

你还可以在标签页中嵌套表格、列表、按钮等区块,让每个面板都具备完整而充实的内容结构。

选项卡支持上下与左右两种布局方式,可根据页面空间选择最合适的展示形态。上下布局适合内容较多的场景,左右布局则更适合需要节省纵向空间的页面,两种方式在移动端都会自动适配。

每个选项卡面板都是独立的编辑区域,互不干扰,便于维护复杂的内容结构。添加或删除标签页都不会影响其他面板的内容,让编辑过程更加流畅高效。

这是左右布局的面板演示效果。

合理使用选项卡可以有效缩短页面长度,让用户更快地找到自己需要的信息。当内容可以划分为多个并列的板块时,选项卡往往是比长篇滚动页面更友好的选择。

选项卡的切换动效流畅自然,为浏览过程增添了一丝互动的乐趣。

简洁直观的交互设计让读者在不知不觉中完成内容浏览,有效提升整体的使用体验。

你可以为每个选项卡设置独立的标题与内容,灵活组合出多样化的信息呈现方式。无论是产品介绍、团队风采还是常见问题,都可以通过选项卡清晰而有条理地展示出来。

与手风琴相比,选项卡更强调并排展示,适合需要同时呈现多个入口的场景。你可以根据内容的组织方式与信息量,选择最合适的组件来呈现,达到最佳的阅读效果。

手风琴

手风琴组件将内容折叠收纳,读者点击标题即可展开查看,非常适合存放常见问题、产品参数等说明性内容。

当页面包含大量需要按需阅读的信息时,手风琴可以在保持页面整洁的同时,确保内容的完整呈现,兼顾美观与实用。

在区块插入器中找到「手风琴」区块,点击「添加选项卡」即可新增条目,并为每个条目设置独立的标题与内容。

手风琴的标题与正文均可自由编辑,配合图标与样式设置,能够适应各种使用场景。你还可以调整展开方式,让内容展示更加灵活。

将长篇幅的内容放入手风琴中,可以显著降低页面的视觉负担,提升整体的浏览舒适度。对于移动端用户而言,这种逐条展开的阅读方式也更加友好。

联系我们

联系我们

888-888-8888

在线咨询:点击这里给我发消息

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
关注微信
分享本页
返回顶部