「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码

320印象，用的vieu主题。

Vieu问题

唯爱网站的底部导航有一个站长微信按钮，点击就会跳出二维码图片，本次教程就来说明一下这个效果怎么做。

为了演示，我也做了一个QQ群按钮弹出二维码的。

解决办法

其实浏览器按F12，切换到手机模式，就能很清楚得看到唯爱是怎么写的。

从源码可以看出，这部分其实是菜单栏的子菜单功能。

第一步，进入外观>菜单，添加一个无URL的一级菜单（无链接的菜单项）。

添加无URL的一级菜单方法有好几种，你在网上也可以查到，大都都是先输入任意URL，先添加到菜单里，再删除链接文本。还有一种是输入“#”，可以跳转当前页面顶部。

这两种我都觉得麻烦，其实你只要在 http:// 之前输入一个 = 即可，如下图所示。

这样点击添加到菜单后，得到的就是无链接的菜单项。

关于Vieu主题底部菜单的详细设置教程，可以在以下地址里可以看到。

「Vieu常见问题 」Vieu 4.2，底部导航菜单（悬浮菜单）乱码怎么解决？

我这里设置的文本是链接文本是

<i class="fa fa-qq" aria-hidden="true"></i> QQ交流群

第二步，添加一个<div>，作为二级菜单。

同样是在外观>菜单，自定义链接里添加<div>层，对应的代码如下。

<div class="sub-menu"><img src="https://cdn.320nle.com/320nle/320NLE-QQGROUP.png" alt=""></div>

那么怎么变成二级菜单呢？其实只要简单的拖拽就好了，如下图所示，移到右边就会变成下级菜单。

我看中vieu的除了功能强大，界面美观大方，扁平化。主要还是这样的主题，在 wordpress 主题里清一色的两三百块，而它只要69元。

如果有兴趣的话，可以联系我的QQ：798746476，详细了解