打造高级导航菜单:blocksy高级菜单完整教程

一个独特而美观的导航菜单能使网站更具吸引力。blocksy高级菜单功能提供了灵活的配置方式,让页面导航模块更丰富、互动性更强。该功能适合博客、企业站、商店等多种场景,能大幅提升整体设计感。

功能介绍

blocksy高级菜单是一项进阶功能,可在菜单中添加以下内容:

内容区块(Content Block)

图标(Font Awesome 支持)

图片展示位

分类标题

栏目徽章(如 NEW、HOT 等)

它打破传统下拉菜单的局限,可轻松构建多列结构、图文结合的导航样式。

启动功能步骤

进入WordPress后台,依次点击:blocksy> Extensions > Pro Extensions,找到“Advanced Menus”后点击激活按钮。功能生效后即可使用进阶菜单设置。

菜单编辑与结构设置

进入“外观 > 菜单”,选择目标菜单项(如“Recipes”),点击右侧设置按钮,在弹出窗口中启用高级菜单选项。

菜单支持三种宽度:

Content Width:匹配网站内容区域宽度

Full Width:占据整个浏览器宽度

Custom Width:自定义像素值控制宽度

菜单可分为 1 到 6 栏,并对每列单独设定宽度。

图文混排设计方法

添加一个空链接菜单项(URL 填 #,便于识别),将其设置为“内容区块”类型。选择已有模板作为展示模块,适合放置图片、轮播、推荐内容等。

在分类模块中,可将菜单项设为大标题格式,同时添加图标。支持从 Font Awesome 图标库中选择图标,使标题更具识别度。

分类标识与徽章添加

如果需要突出特定菜单项,如新内容、新品推荐,可添加一个徽章,例如设置为“New”或“Hot”,方便吸引点击。

子项结构安排

每一栏对应菜单中的一个一级子项。其下可加入多个链接或子模块。例如:

健康饮食(设为标题)早餐推荐(子链接)

清淡菜谱(子链接)

饮品推荐(图像内容区块)

这样的结构适合信息分类展示,逻辑清晰,视觉友好。

自定义样式

支持调整以下内容:

图标大小

标签字体

行内间距

背景色与悬停颜色

这类配置在视觉一致性与品牌调性匹配中非常有用。

保存与查看效果

完成菜单配置后点击“保存菜单”,然后访问前台页面查看实际效果。导航菜单将以图文结合、多列展示的形式呈现,提升整体观感。

总结

blocksy高级菜单是网站设计中的一项关键功能。无论是展示复杂分类、推广新内容,还是增强视觉结构,它都能成为重要的设计工具。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注