Blocksy 主题移动端页眉完整指南：Off Canvas 区域与菜单设置详解

在 WordPress 主题中，Blocksy 以灵活、轻量和高度自定义而受到喜爱。在移动端设计中，Blocksy 的移动端页眉（Mobile Header）功能表现出色，具备结构清晰的界面，支持 Off Canvas 滑出菜单、多样化元素管理和多种视觉控制能力。本文介绍移动端页眉的设置方法、Off Canvas 区域的应用方式，以及高级功能细节。

一、进入移动端页眉设置

要开始设置移动端页眉：

• 进入 WordPress 后台，打开外观 > 自定义；
• 进入 Header 区域；
• 在底部切换至 Tablet / Mobile View；
• 默认显示为平板视图，在相对宽阔的界面中更便于操作。

整体结构与桌面端一致，仍然采用三行布局。

二、移动端可用元素与布局逻辑

移动端页面在元素配置方面进行了优化。例如，一些桌面端常用但对小屏无意义的组件会被隐藏或替换。其中最关键的变化是引入：

• Trigger（触发器）元素：点击后展开 Off Canvas 区域，是导航入口。

对于 Blocksy Premium 用户，还可在页眉中直接插入菜单，跳过触发器结构，提升操作效率。

三、Off Canvas 区域功能详解

Off Canvas 是点击菜单按钮后从屏幕边缘滑出的区域，可显示菜单与自定义内容。

支持的组件包括：

• HTML 区块
• 社交图标
• 自定义按钮
• 移动菜单

设置内容包括：

• 显示模式：支持全屏遮罩或侧滑展示；
• 内容对齐：可选顶部、居中或底部；
• 样式设置：可调整颜色、渐变或图案背景等参数。

内容垂直排列，契合手机端浏览方式。

四、移动菜单配置（Mobile Menu）

菜单既可以放置在 Off Canvas 区域中，也可以直接插入页眉。

提供样式：

• 常规样式；

• 分隔样式（带边框与留白）；

支持折叠子菜单功能，初始状态下子项隐藏，点击父项后展开。也可设置为始终展开状态。

Blocksy Premium 提供精简菜单功能，可插入页眉行中，适合展示少量核心页面入口。

五、Trigger（触发器按钮）设置

触发器是控制 Off Canvas 区域显示的开关，必须添加至移动页眉某一行。

其功能包括：

• 三种图标选择；
• 自定义按钮样式；
• 标签文字是否展示；
• 字体与颜色样式调整；

是移动页面中的核心交互组件之一。

六、桌面端 Off Canvas 功能（Premium）

高级版本还支持在桌面端调用 Off Canvas 区域。布局逻辑与移动端一致，但适配更大屏幕的显示方式。

可放置辅助菜单、社交链接或信息模块，适合整洁页面布局。

七、透明与粘性页眉设置

移动端页眉具备独立的透明和粘性控制：

• 粘性页眉：页面滚动时固定在顶部；
• 透明页眉：适合页面顶部为图片或视频背景的情况；

这两项功能与桌面端无关联，可独立启用。

总结

Blocksy 的移动端页眉设计，结构清晰、灵活易调，能够适应各种场景下的移动端展示需求。无论是构建简单导航栏还是高级滑出菜单，Blocksy 提供了足够的模块和配置选项，为移动端站点的布局打下坚实基础。

如正在构建移动站点导航，不妨尝试 Blocksy 的移动页眉模块，实现清爽、实用又美观的前端效果。

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息