GeneratePress滑出导航怎样使用

在一些网页设计中,我们会看到滑出菜单的设计,可以用来做菜单,或者一些其他用途的小工具,在本文中,我们教大家如何在GeneratePress中使用滑出导航

安装Menu Plus扩展

因为滑出导航是GP中的一个高级功能,首先需要安装GP Premium中的Menu Plus扩展

依次选择 外观 – GeneratePress – Menu Plus – 启用

2019104304480-800x373

添加滑出导航菜单

创建一个新的滑出导航菜单,或者你也可以使用已有的菜单,不过最好不要和页面已有的重复

在菜单设置中添加 Slideout Menu选项

2019104700729

GeneratePress开启滑出导航

在准备工作完成以后,我们就可以在GeneratePress中开启滑出导航了

打开外观 -自定义,进入主题实时编辑器

选择 布局 – 滑出导航,将其调整为On开启状态,这里可以调整导航的位置,以及菜单的高度

2019105004222

这时就可以看到滑出导航的效果

2019105214808

滑出导航字体、颜色设置

如果觉得默认的样式太简单,还可以对滑出导航的字体和颜色进行调整,包括各种大小、背景、字体颜色
设置等,调整起来也是非常简单的

字体修改:自定义 – 字体 – 滑出导航

颜色修改:自定义 – 颜色 – 滑出导航

2019110334613-800x428

使用小工具为滑出导航区域添加元素

除了菜单以外,有些朋友可能还想要在滑出导航中添加图片等其他的元素,比如更新日志、网站公告等,这个时候你可以使用小工具添加

选择 外观 – 小工具,将你需要的小工具添加到滑出导航区域

2019110905730-800x398

最终的效果

2019111035088-800x496

你还可以根据自己的需要添加各种小工具,甚至自己编写代码,非常的灵活

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论