当前位置:首页教程笔记子比主题美化 用户中心添加扩展链接入口

子比主题美化 用户中心添加扩展链接入口

子比主题美化 用户中心添加扩展链接入口

用户中心的扩展入口是如何添加的,下面教大家如何在用户中心侧边栏添加这个扩展中心

只需要将下述代码放置于后台的自定义javascript代码内即可实现在用户中心侧边栏插入一个扩展入口

$(function(){  
    $('.col-sm-3 .sidebar-user').prepend('<div class="zib-widget padding-6"><div class="padding-6 ml3">扩展中心</div><div class="flex ac hh text-center icon-but-box user-icon-but-box"><style>.zyx-item {width: calc(25% - 10px);margin: 5px;min-width: 50px;max-width: 100px;cursor: pointer;}.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style><a class="zyx-item" href="javascript:;" data-remote="https://www.kobai.top/wp-admin/admin-ajax.php?action=checkin_details_modal" data-class="modal-mini full-sm modal-dialog" data-toggle="RefreshModal"><div class="em14" style="color:#777"><img class="icon em12" src="https://kobai.top/wp-content/themes/zibll/img/ico/签到.svg"></div><div class="px12 muted-color mt3">签到奖励</div></a><style>.zyx-item {width: calc(25% - 10px);margin: 5px;min-width: 50px;max-width: 100px;cursor: pointer;}.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style><a class="zyx-item" href="https://yzf.kobai.top/"><div class="em14" style="color:#777"><img class="icon em12" src="https://kobai.top/wp-content/themes/zibll/img/ico/线上支付.svg"></div><div class="px12 muted-color mt3">星空支付</div></a><style>.zyx-item {width: calc(25% - 10px);margin: 5px;min-width: 50px;max-width: 100px;cursor: pointer;}.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style><a class="zyx-item" hr0ef="https://www.kobai.top"><div class="em14" style="color:#777"><img class="icon em12" src="https://kobai.top/wp-content/themes/zibll/img/ico/待定.svg"></div><div class="px12 muted-color mt3">待定</div></a><style>.zyx-item {width: calc(25% - 10px);margin: 5px;min-width: 50px;max-width: 100px;cursor: pointer;}.icon{width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}</style><a class="zyx-item" hr0ef="https://www.kobai.top"><div class="em14" style="color:#777"><img class="icon em12" src="https://kobai.top/wp-content/themes/zibll/img/ico/待定.svg"></div><div class="px12 muted-color mt3">待定</div></a></div></div>'); 
});

注:后面两个hrfe有0去掉就行

温馨提示:

文章标题:子比主题美化 用户中心添加扩展链接入口

文章链接:https://i.mojue88.com/211.html/

更新时间:2024年04月13日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:admin@mojue88.com我们将第一时间处理!

资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

所有资源仅限于参考和学习,版权归原作者所有,更多请阅读墨觉网络服务协议

版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
教程笔记

一个数据库低级错误

2024-4-13 13:50:56

教程笔记

将阿里图标库引入到wordpress菜单中

2024-4-14 21:16:01

0 条回复 A文章作者 M管理员
😊 表情
  • 贴吧
  • 泡泡
  • 黄脸
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索