静海流沙

发表文章数:263

320印象,用的vieu主题。

Vieu问题

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

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

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

 

解决办法

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

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

 

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

 

第一步,进入外观>菜单,添加一个无URL的一级菜单(无链接的菜单项)。

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

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

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

 

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

关于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常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码

 

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

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

 

如果以上还不能解决,可以在评论区留言。

 

如果你喜欢 Vieu 主题,顺便介绍一下这款主题。

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

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

 

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

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

本文最后更新于2019年9月14日,已超过 6 个月没更新!

本文首发于320印象,欢迎转载,但是必须保留本文的署名320印象(包含链接)。如您有任何商业合作或者授权方面的协商,请给我留言:admin@mail.320nle.com作者:静海流沙, 转载或复制请以 超链接形式 并注明出处 320印象
原文地址:《「Vieu常见问题 」 手机底部导航的弹出图片制作教程 点击底部按钮弹出图片二维码》 发布于2019-09-14

分享到:
赞(1) 打赏 生成海报

评论 抢沙发

9 + 2 =


长按图片转发给朋友

请作者喝杯饮料吧~

支付宝扫一扫打赏

微信扫一扫打赏

320印象
分享自己所学的知识,收集网络有用的资源
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册