全百科精品资源分享
免费优质资源下载平台

wordpress网站内置前端工具箱美化版源码免费下载

播放按钮
全百科网免费发布推广信息
文章目录

近突然想给自己的wordpress博客加一个前端工具箱的功能,网上流传的都也有很多,但是个人感觉不是太好看也不太好用,今天就给大家分享下全百科在用前端工具箱源码。

工具介绍

仿照 DUX 主题独立页面的左侧菜单,对其进行了一些的美化:
1) 修复前端工具箱左侧菜单选中后不显示背景颜色问题
2) 美化左侧菜单背景颜色
3) 美化右侧按钮

工具演示

wordpress内置前端工具箱美化版

wordpress内置前端工具箱美化版

美化后的效果如下图所示:

你也可以直接点击 前端工具箱 体验一下!

使用方法

使用方法很简单:
1) 下载博主分享的前端工具箱后,将解压的 tools 文件夹复制到主题根目录里面
2) 新建一个页面,使用模板为 webTools(前端工具箱)
3) 复制下面代码放到 header.php 中的 head 标签中

<script type="text/javascript">
$(function(){ 
var a1 = document.URL;
var a2 = $(".toolsmenu a");
for (var i = 0; i < a2.length; i++) {
if (a1.indexOf($(a2[i]).attr("href")) != -1) {
$(a2[i]).parent().addClass("active");
return;
}
}
$(a2[0]).parent().addClass("active");
})
</script>

4) 打开该页面,就可以得到一个和博主的前端工具箱一样的效果了!

免费下载

免费下载地址:链接:https://pan.baidu.com/s/13MTHsFk6EdUEkTFtYa2RdQ
提取码:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!
注意:请绿色评论,回复无意义内容将永久拉黑IP!

Download Best WordPress Themes Free Download
Download WordPress Themes Free
Download Premium WordPress Themes Free
Download WordPress Themes Free
free download udemy paid course
download karbonn firmware
Download Nulled WordPress Themes
udemy paid course free download

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » wordpress网站内置前端工具箱美化版源码免费下载
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 28

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-499

    很好用的,谢谢分享

    石头 2年前 (2019-07-11) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
    • @石头 谢谢,欢迎收藏本站,会不断更新更多资源。

      全百科推广 2年前 (2019-07-11) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  2. #-498

    我来 试试 全赢 牛逼啊 你:)

    幸福一辈子 2年前 (2019-07-22) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  3. #-497

    很好试试~~~~~~

    Leslie 2年前 (2019-08-20) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  4. #-496

    感觉应不错

    yolen 2年前 (2019-08-28) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  5. #-495

    感谢站长分享

    静海流沙 2年前 (2019-09-13) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  6. #-494

    很好用的,谢谢分享

    佛系软件 1年前 (2019-12-10) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  7. #-493

    谢谢分享谢谢分享

    佛系软件 1年前 (2019-12-10) United Kingdom 谷歌浏览器 Mac OS X 10_15_1 回复
  8. #-492

    谢谢分享,看看好不好用

    xx 1年前 (2020-01-11) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  9. #-491

    评论了居然不可以下载

    xx 1年前 (2020-01-11) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
    • @xx 已审核,可自行下载

      全百科推广 1年前 (2020-01-12) 来自天朝的朋友 搜狗浏览器 Windows 7 回复
  10. #-490

    很好用的,谢谢分享

    zziit.com 1年前 (2020-03-03) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  11. #-489

    很好用的,谢谢分享

    莲花不妖 1年前 (2020-03-07) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  12. #-488

    刷新了也看不到,晕

    莲花不妖 1年前 (2020-03-07) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
    • @莲花不妖 需要审核的呀,现在可以了

      全百科推广 1年前 (2020-03-08) 来自天朝的朋友 搜狗浏览器 Windows 7 回复
  13. #-487

    好用的,谢谢分享

    等等 1年前 (2020-04-12) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  14. #-486

    很好用的,谢谢分享

    Adam嘿嘿 11个月前 (06-09) Hong Kong 谷歌浏览器 Windows 10 回复
  15. #-485

    很好用的,谢谢分享~~~

    Adam嘿嘿 11个月前 (06-09) Hong Kong 谷歌浏览器 Windows 10 回复
  16. #-484

    刷新了也看不到!啊~等了一天~

    Adam嘿嘿 11个月前 (06-10) Taiwan; Republic of China (ROC) 谷歌浏览器 Windows 10 回复
  17. #-483

    评论都出来了~为什么还要评论才能显示提取码~额~

    Adam嘿嘿 11个月前 (06-12) Hong Kong 谷歌浏览器 Windows 10 回复
    • @Adam嘿嘿 额,就是想看看人气

      全百科推广 11个月前 (06-13) 来自天朝的朋友 搜狗浏览器 Windows 7 回复
  18. #-482

    谢谢站长分享

    我相信 7个月前 (10-20) 来自天朝的朋友 谷歌浏览器  Android 9 Redmi Note 7 Pro Build/PKQ1.181203.001 回复
  19. #-481

    很想看看,谢谢站长分享

    我相信 7个月前 (10-20) 来自天朝的朋友 谷歌浏览器  Android 9 Redmi Note 7 Pro Build/PKQ1.181203.001 回复
  20. #-480

    很好试试~~~~~~

    letm 6个月前 (10-31) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  21. #-479

    支持,真厉害

    阿峰博客 5个月前 (12-01) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  22. #-478

    我来 试试

    Shift 2个月前 (03-22) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  23. #-477

    谢谢分享,试试

    Shift 2个月前 (03-22) 来自天朝的朋友 谷歌浏览器 Windows 10 回复