「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码
320印象,用的vieu主题。
Vieu问题
唯爱网站的底部导航有一个站长微信按钮,点击就会跳出二维码图片,本次教程就来说明一下这个效果怎么做。
为了演示,我也做了一个QQ群按钮弹出二维码的。
解决办法
其实浏览器按F12,切换到手机模式,就能很清楚得看到唯爱是怎么写的。
从源码可以看出,这部分其实是菜单栏的子菜单功能。
第一步,进入外观>菜单,添加一个无URL的一级菜单(无链接的菜单项)。
添加无URL的一级菜单方法有好几种,你在网上也可以查到,大都都是先输入任意URL,先添加到菜单里,再删除链接文本。还有一种是输入“#”,可以跳转当前页面顶部。
这两种我都觉得麻烦,其实你只要在 http://
之前输入一个 =
即可,如下图所示。
这样点击添加到菜单
后,得到的就是无链接的菜单项。
关于Vieu主题底部菜单的详细设置教程,可以在以下地址里可以看到。
我这里设置的文本是链接文本是
<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 主题,顺便介绍一下这款主题。
- 全站响应式自适应模板
- VIP会员功能
- 付费商城
- 独立下载
- 回复后可见
- 后台登录保护
- 特色登录
- 全站支持熊掌号
- 文章图片弹窗预览
- 支持QQ和微博快速登入
- 文章分享海报
- 独立下载
- …….
我看中vieu的除了功能强大,界面美观大方,扁平化。主要还是这样的主题,在 wordpress 主题里清一色的两三百块,而它只要69元。
如果有兴趣的话,可以联系我的QQ:798746476,详细了解
收集的所有资源均来自网络,仅供私下交流学习之用,任何涉及到商业目的的均不能使用,否则产生的一切后果由您自行承担,提供资源但是不对任何资源负法律责任,所有资源请在你下载后24小时删除。
如有侵权,联系 admin#mail.320nle.com
320印象 » 「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码
320印象 » 「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码