超级菜单

所谓超级菜单,就是在原菜单基础上,通过为二级菜单添加自定义内容,图片、描述、文章等,拓展功能,用不同的样式展示更多内容。

主题选项 → 菜单设置 → 勾选显示“超级菜单”并保存设置。

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

section

添加二级超级菜单后,需要保存菜单,否则超级菜单显示开关将无法点击。

另外复制本文代码后,如果是粘贴到文章中需要切换到文本模式粘贴,或者先粘贴到文本编辑器中,然后再复制粘贴。

竖向菜单

超级菜单-图片1

一、进入外观 → 菜单 ,通过拖拽设置一个层级关系的菜单。

菜单项内容任意,自定义链接、分类、文章、页面都行,以下其它超级菜单相同

超级菜单-图片2二、展开一级菜单,在超级菜单样式选择“竖向菜单

超级菜单-图片3

三,展开菜单子项目,分别在超级菜单图片和超级菜单说明,输入图片链接和文字说明。

超级菜单-图片4

四、保存菜单

 

提示:菜单每个菜单子项都要设置,否则会显示错位。

 

section

 

横向菜单

超级菜单-图片5

与上面竖向菜单相似

区别是一级菜单在超级菜单样式中选择“横向菜单”,并在横向菜单分栏中选择分栏列数

超级菜单-图片6

section

 

两列菜单

超级菜单-图片7

同样通过拖拽设置一个层级关系的菜单。

一级菜单在超级菜单样式中选择“两列菜单”,并保存菜单设置。

超级菜单-图片8

 

section

 

多列菜单

超级菜单-图片9

通过拖拽设置一个层级关系的菜单。

一级菜单在超级菜单样式中选择“多列菜单”,并在横向菜单分栏中选择分栏列数记得保存菜单设置

section

多列图标

超级菜单-图片10

通过拖拽设置一个层级关系的菜单项。

一级菜单在超级菜单样式中选择“多列图标”,并在横向菜单分栏中选择分栏列数

为菜单子项目添加图标

并保存菜单设置


 

短代码类所超级菜单

分选择和填写两种模式,主题选项 → 菜单设置 → 超级菜单 → 编辑模式。

选择模式

左侧菜单 → 短代码 → 编写短代码,将编辑模式切换到“文本”,在下面“超级菜单短代码面板”中,复制一个短代码,添加到正文中。

编写的短代码可以发表,也可以只保存为草稿,不影响使用。

然后进菜单设置页面,在二级菜单超级菜单短代码中,选择相应的短代码。

之后,只需要编辑修改短代码文章,菜单中的内容就会改变。

填写模式

按下面的说明操作填写短代码即可。

section

短代码分类

 

超级菜单-图片11

可以调用分类链接和单个文章或页面链接。

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码分类

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menucode image="图片链接" ids="分类ID" post="页面ID"]

例如:

[menucode image="https://s2.loli.net/2021/12/05/xj715tdFgs9ykTw.jpg" ids="1,2,3,4" post="235,126"]

多个ID用英文逗号“,”隔开。

左侧图片高度在制作时,要大于右侧分类整体高度,默认280×210比例,适合4个分类。

 

超级菜单-图片12

并记得保存菜单设置。

 

section

 

短代码分类模块

超级菜单-图片13

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码分类

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menucatmod cat_ids="分类ID"]
section

指定分类一定时间内热门(浏览量最多)文章

超级菜单-图片14

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码分类

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menuhotmod number="篇数" cat_ids="分类ID" month="限定最近几个月"]

 

其中:month="1",输入数字1代码一个月内.

section

指定ID文章列表

超级菜单-图片15

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码分类

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menurecmod post_ids="文章ID"]

多个文章ID用英文“,”逗号隔开

section

自定义链接

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码分类

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menucodea image="图片地址" url1="链接一" url2="链接二" url3="链接三" url4="链接四" url5="链接五" title1="标题一" title2="标题二" title3="标题三" title4="标题四" title5=""]

替换其中的链接和标题名称,预设5个自定义链接,类似 title5=""标题留空则不显示。

也可以只写例如:

[menucodea image="图片地址" buturl="按钮链接" but="按钮标题"]

超级菜单-图片16添加一个链接按钮。

section

 

短代码封面

超级菜单-图片17

可以调用分类封面和专题

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码封面”,并在横向菜单分栏中选择分栏列数

展开菜单子项目,在“超级菜单短代码”中输入短代码:

调用分类封面

[menucodecover ids="分类ID"]

调用专题封面

[menucodespecial ids="专题页面ID"]

多个ID用英文逗号“,”隔开。

超级菜单-图片18

 

section

 

短代码混排

 

超级菜单-图片19

左侧调用分类,右侧可以调用文章、页面标题、缩略图、摘要等。

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码混排”。

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menupost image="图片链接" cat_ids="左侧分类ID" post_ids="右侧文章/页面ID" des="1" words_n="文章摘要字数"]

其中des="1"显示文章摘要,des="0"不显示摘要,多个ID用英文逗号“,”隔开。

section

分类及文章图文混排

可以调用分类文章,页面链接及单个文章

超级菜单-图片20

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“短代码混排”。

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[superlist cat_ids="分类ID" post_ids="页面ID" column="分栏" number="数量" cat="图上按钮分类ID" image="图片链接" ]

多个文章ID用英文“,”逗号隔开,分栏可以输入2、3、4,实现不同的分栏,通过为文章或页面添加自定义栏目,名称:page_img,值 :图片链接地址,实现封面图片。

 

section

分类列表

通过拖拽随意添加一个菜单子项目。

一级菜单在超级菜单样式中选择“分类列表”,并可在横向菜单分栏中选择分栏列数。

展开菜单子项目,在“超级菜单短代码”中输入短代码:

[menucatlist cat_ids="分类ID" number="分章数"]

多个分类ID,用英文"."逗号隔开。

隐藏默认前面的装饰圆点

当超级菜单二级菜单添加字体图标后,前面默认的装饰圆点就多余了,隐藏方法:

在添加字体图标代码时,再加fore

例如:fore zm zm-xxxx

 

移动端样式

 

超级菜单-图片21