Astra侧边栏教程:Iks Menu设置详解

Astra侧边栏教程:Iks Menu设置详解 – astra侧边栏教程

一个漂亮的侧边栏是很多同学想要的,鸭老师astra侧边栏教程教你如何配合IKS Menu做出一个美观的侧边栏,非常简单。

下载安装Iks Menu,免费版的就够用,需要更多功能需要购买付费版。

安装iks menu

在iks menu里面创建一个新菜单。

创建菜单

add menu选Custom Wp Menu,如果你只是想做分类的或者FAQ选1或3。

选择自定义菜单

选主菜单或者你需要的菜单去设置。

选择菜单

接下来就是IKS MENU的具体设置,颜色,背景,风格等等。这个是选择折不折叠目录子项目。

折叠子项

第二个选项还可以再次选择menu和来源,保持刚才设置的就好。

调整菜单

空档案之类的就不要显示了,Disable。

菜单设置

背景颜色,边距,位置等等按自己需求设置。

菜单背景设置

按钮图标设置,尺寸,高度等等。

菜单按钮设置

Menu字体,颜色设置。

菜单字体颜色设置

效果动画设置。

菜单效果

旁边预览,可以实时看到效果,其他都是付费的设置,到这里完成后就直接保存了。

预览菜单

这样就创建成功了。

成功创建菜单

保存好之后选择外观打开小工具。

添加侧边栏

添加想要放在侧边栏的部件。想要不同页面不同的侧边栏,在下面增加,设置就行了。

main sidebar setting

记得Iks Menu要添加进去。其他的比如视频,图片,标签按自己所需添加。

添加部件iks menu
主侧边栏设置

打开自定义-侧边栏。

自定义侧边栏

布局改成有侧边栏的,左右,宽度设置一下。

侧边栏设置

如需固定侧边栏,就把这个置顶打开。

置顶侧边栏

侧边栏如果模块间距有点大,可以把样式改成非盒装,自定义一下宽度。

自定义侧边栏尺寸等

保存再到前台看一下,没问题就完成了。

检查侧边栏是否正常显示

如果想要侧边栏有过滤功能的可以采用filter everything插件

本文对你有帮助吗?

发表评论

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

滚动至顶部