「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 主题,顺便介绍一下这款主题。

  • 全站响应式自适应模板
  • VIP会员功能
  • 付费商城
  • 独立下载
  • 回复后可见
  • 后台登录保护
  • 特色登录
  • 全站支持熊掌号
  • 文章图片弹窗预览
  • 支持QQ和微博快速登入
  • 文章分享海报
  • 独立下载
  • …….

 

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

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

收集的所有资源均来自网络,仅供私下交流学习之用,任何涉及到商业目的的均不能使用,否则产生的一切后果由您自行承担,提供资源但是不对任何资源负法律责任,所有资源请在你下载后24小时删除。 如有侵权,联系 admin#mail.320nle.com
320印象 » 「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码

发表评论