在Theme Box的素材发布资源下载插件导航里面加上多国语言切换导航按钮并实现多种展现效果的方式 ...

2023-6-29 22:47| 发布者: admin| 查看: 199| 评论: 8|原作者: admin

摘要: 在Theme Box的素材发布资源下载插件中加入多国语言切换导航按钮，并实现多种展现效果的方法。通过修改文件实现全站多国语言翻译插件的功能，并引入Bootstrap和jQuery库，以实现添加的导航菜单的联动效果。此教程涉及到的插件包括[Theme Box]素材发布资源下载 OSS存储+用户组打折+下载限速和全站多国语言翻译插件。

Theme Box的素材发布资源下载插件比较封闭，以贰先生的全站多国语言翻译插件为例，想要在Theme Box的素材发布资源下载插件里面穿透实现全站多国语言自动翻译在Theme Box的插件页面是无法穿透实现效果的，
下面实现如图添加导航并实现全站多国语言翻译：

admin，如果您要查看本帖隐藏内容请回复

修改文件，
编辑：
/source/plugin/one_market/template/default/common/footer.php

查找：

</body>

复制代码

也就是在 </body> 之前，
在其上行添加：

admin，如果您要查看本帖隐藏内容请回复

上面的操作是在 Theme Box的素材发布资源下载插件里面引入全站多国语言翻译插件的必须jQuery库文件。

然后是在导航里面添加一个导航菜单，需要实现的功能：
1. 导航下拉多级层联菜单；
2. 鼠标滑动自动展开，而不是需要点击选择；
3. 菜单是 通过传参访问对应语言，而不是默认js切换的方式，以实现多国语言多次收录页面的效果。

下面是修改文件操作，Theme Box的素材发布资源下载插件的导航菜单文件路径是在：/source/plugin/one_market/template/default/common/header.php

首先我们需要引入Bootstrap和jQuery库，以实现我们添加的导航菜单的联动效果，这里引入的是为了避免可能与 Theme Box的素材发布资源下载插件本身JQ的冲突而导致菜单效果不生效：

查找：

复制代码

在其上行添加：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

复制代码

然后还是这个文件，我们操作添加菜单的步骤：

查找：

</ul>

复制代码

在其上行添加：

admin，如果您要查看本帖隐藏内容请回复

然后保存，更新缓存后，就可以看到最上图的实现效果~ 【可可素材资源插件也可以用同样思路实现全站多国语言的菜单切换效果，可以加群获取更多分享：https://t.cn/A6LIyHJ9】

此教程涉及到的插件下载：
[Theme Box]素材发布资源下载 OSS存储+用户组打折+下载限速 (one_market)[更新支持DZ X3.5]
https://www.dz-x.net/t/5197/1/1.html
(出处: DZ插件网)

全站多国语言翻译多国语言翻译 (domi_translate)
~~https://www.dz-x.net/t/54357/1/1.html~~【由于作者联系不让论坛分享，该资源已下线，如有需要的可以直接联系右侧QQ客服免费获取~】
(出处: DZ插件网)

多语言.png

上一篇：帖子内容付费购买 5.6 (zbyun_buythead) 防止跳转到官方盗版页面
下一篇：Discuz!X3.5云论坛discuz.witframe.com最新巨作未来开发DZ应用只需要上传代码插件不用被下载都在云端一键购买后端服务全云端 ...

鲜花

握手

雷人

路过

鸡蛋

收藏分享邀请

上一篇：帖子内容付费购买 5.6 (zbyun_buythead) 防止跳转到官方盗版页面下一篇：Discuz!X3.5云论坛discuz.witframe.com最新巨作未来开发DZ应用只需要上传代码插件不用被下载都在云端一键购买后端服务全云端 ...

发表评论

评论8个评论

admin2023-6-30 21:18

【2024.7.12已更新，此楼内容可忽略~】

~~由于帖子含有代码无法再次编辑，上面教程引入Bootstrap和jQuery库的操作，需要纠正下：~~

纠正.png

把上面操作过的 /source/plugin/one_market/template/default/common/header.php 操作的撤销，

修正为编辑：/source/plugin/one_market/template/default/common/header_common.php 【作者提供修正指导】

查找：

</head>

复制代码

在其上行添加：（内容复制楼上的一样的~）
代码.png

如图:

在Theme Box的素材发布资源下载插件导航里面加上多国语言切换导航按钮并实现多种展现效果的方式 ...

评论8个评论

相关分类

关于我们

服务支持

discuzaddons@vip.qq.com