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

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

20250430103626713-image

功能介绍

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

  • 内容区块(Content Block)
  • 图标(Font Awesome 支持)
  • 图片展示位
  • 分类标题
  • 栏目徽章(如 NEW、HOT 等)

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

启动功能步骤

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

20250430103830539-image

菜单编辑与结构设置

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

20250430104039454-image

菜单支持三种宽度:

  • Content Width:匹配网站内容区域宽度
  • Full Width:占据整个浏览器宽度
  • Custom Width:自定义像素值控制宽度
20250430104426650-image

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

20250430104717376-image

图文混排设计方法

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

20250430105850939-image
20250430110026591-image

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

20250430110151226-image
20250430110246779-image

分类标识与徽章添加

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

20250430105306157-image

子项结构安排

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

  • 健康饮食(设为标题)
    • 早餐推荐(子链接)
    • 清淡菜谱(子链接)
  • 饮品推荐(图像内容区块)

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

自定义样式

支持调整以下内容:

  • 图标大小
  • 标签字体
  • 行内间距
  • 背景色与悬停颜色

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

保存与查看效果

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

20250430110610694-image

总结

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

最近更新



了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读