超级菜单(新)

仅适用于2026年10月30日之后的主题。

超级菜单,是在原导航菜单基础上,通添加不同的样式或短代码展示更丰富的内容。

主题选项 → 菜单设置 → 勾选⌈超级菜单⌋并保存设置。

超级菜单仅适合用在主要菜单上。

因为主题更新频繁,说明与实际可能存在一些偏差。

二十几个不同样式的超级菜单,刚使用可能感觉有点复杂,连我自己没有这个说明,也不会用。

一般一个网站也就用一两个超级菜单,按说明操作也还是很简单。

 


1 竖向菜单

超级菜单(新)-图片1

查看说明

一、添加几个菜单项,并通过拖动形成二级菜单。

超级菜单(新)-图片2

二、展开一级菜单,点击超级菜单,在超级菜单样式中选择竖向菜单。超级菜单(新)-图片3

三、展开二级子菜单项,在超级菜单图片选择或者上传图片

超级菜单(新)-图片4

并在超级菜单说明中,添加一段简短的文字说明。


2 横向菜单

超级菜单(新)-图片5

查看说明

与上竖向菜单相似

一、添加几个菜单项,并通过拖动形成二级菜单

二、展开一级菜单,点击超级菜单,在超级菜单样式中选择横向菜单,在横向菜单分栏中,二级菜单项几个就选择几列。

超级菜单(新)-图片6

三、展开二级子菜单项,与竖向菜单相同,在超级菜单图片选择或者上传图片。


3 两列菜单

超级菜单(新)-图片7

查看说明

一、添加几个菜单项,并通过拖动形成二级菜单。

二、展开一级菜单,点击超级菜单,在超级菜单样式中选择两列菜单即可,在横向菜单分栏中,二级菜单项几个就选择几列。。


4 多列菜单

超级菜单(新)-图片8

查看说明

一、添加几个菜单项,并通过拖动形成二级菜单。

二、展开一级菜单,点击超级菜单,在超级菜单样式中选择多列菜单即可,在横向菜单分栏中选择列数。


5 多列图标

超级菜单(新)-图片9

查看说明

一、添加几个菜单项,并通过拖动形成二级菜单。

二、展开一级菜单,点击超级菜单,在超级菜单样式中选择多列菜单即可,在横向菜单分栏中选择列数。

三、展开二级子菜单,在CSS类中,为菜单子项目添加图标,比如:be be-star


短代码超级菜单

主题选项 → 菜单设置 → 超级菜单 → 编辑模式,有两种模式可选择:选择或填写。

选择模式

左侧菜单 → 短代码 → 编写短代码,点击编辑上的短代码按钮。

超级菜单(新)-图片10

插入一个的短代码和使用说明,按说明修改相应参数即可。

超级菜单(新)-图片11

编辑修改完参数,起一个标题名称,发布即可。

短代码名称,随便写的,就是为了区分,有的与实际展示的内容并不相符。

超级菜单(新)-图片12

然后在准备添加超级菜单的菜单项(不能有二级子项),点击超级菜单按钮,在选择短代码中,选择刚发布的短代码。

编辑更新短代码,菜单中的超级菜单也会随之改变。

填写模式,就是把编好的短代码,在菜单编辑页面直接添加到菜单项中,编辑修改不太方便不建议使用,这里略过。


短代码分类

 

超级菜单(新)-图片13


6 分类页面

超级菜单(新)-图片14点击超级菜单,在超级菜单样式中选择短代码分类,在选择短代码中,选择对应的短代码

超级菜单(新)-图片15

之后的以此类推。


7 分类模块

超级菜单(新)-图片16


8 推荐文章

超级菜单(新)-图片17调用指定的文章。


9 热门文章

超级菜单(新)-图片18调用某个分类的热门文章。


10 链接按钮

超级菜单(新)-图片19


11 多个按钮

超级菜单(新)-图片20


12 分类列表

超级菜单(新)-图片21点击超级菜单,在超级菜单样式中选择分类列表,分栏中选择一个列数。


短代码混排

 

13 全部子分类

超级菜单(新)-图片22输入父分类ID,调用所有子分类链接


14 两栏分类

超级菜单(新)-图片23


15 图片摘要

超级菜单(新)-图片24


16 图文混排

超级菜单(新)-图片25


17 图片按钮

超级菜单(新)-图片26


短代码封面

 


18 分类封面

超级菜单(新)-图片27在超级菜单样式中,选择短代码封面,分栏中选择列数。


19 文章封面

超级菜单(新)-图片28在超级菜单样式中,选择短代码封面,分栏中选择列数。


20 分类图片

在超级菜单样式中,选择分类列表

超级菜单(新)-图片29


磁贴菜单

在超级菜单样式中有四种样式:磁贴菜单、磁贴网格、磁贴三栏、磁贴紧凑。

磁贴菜单采用多层短代码嵌套。

 // 整个容器
[tile-menu]
   // 图片卡片区域
    [tile-cards]
       // 图片卡片,可以删减和添加
        [tile-card title="标题文字" desc="描述文字" image="图片链接" link="链接"]
       // 图片卡片,可以删减和添加
        [tile-card title="标题文字" desc="描述文字" image="图片链接" link="链接"]
       // 图片卡片区域结束
    [/tile-cards]
   // 链接列表区域
    [tile-cols]
      // 链接列表,可以删减和添加
        [tile-col title="大标题"]
            [tile-link url="链接"]标题文字[/tile-link]
            [tile-link url="链接"]标题文字[/tile-link]
            [tile-link url="链接" badge="新"]标题文字[/tile-link]
        [/tile-col]
        // 链接列表,可以删减和添加
        [tile-col title="大标题"]
            [tile-link url="链接"]标题文字[/tile-link]
            [tile-link url="链接"]标题文字[/tile-link]
            [tile-link url="链接"]标题文字[/tile-link]
        [/tile-col]
      // 分类、页面、文章列表,可以删减和添加
        [tile-col title="大标题" cat_ids="分类ID" page_ids="页面ID" post_ids="文章ID"]
            [tile-link url="链接" badge="新"]标题文字[/tile-link]
        [/tile-col]
        // 链接列表区域结束
    [/tile-cols]
    // 整个容器结束
[/tile-menu]

上面是通过按钮添加的磁贴菜单基本的短代码,可根据样式进行删减和增加

21 磁贴菜单

添加一个有图片卡片,右侧两个链接列表。

超级菜单(新)-图片30

22 磁贴网格

添加三个有图片的卡片,右侧2个或4个链接列表。

超级菜单(新)-图片31

23 磁贴三栏

添加三个图片卡片,右侧一个链接列表。

超级菜单(新)-图片32

24 磁贴紧凑

适合一个图片,两个链接列表。

超级菜单(新)-图片33