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

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!

Premium WordPress Themes Download
Download WordPress Themes
Download Nulled WordPress Themes
Download WordPress Themes Free
free download udemy paid course
download xiomi firmware
Download Best WordPress Themes Free Download
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=

搜一下 获取更多

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

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

评论 22

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

    很好用的,谢谢分享

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

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

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

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

    很好试试~~~~~~

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

    感觉应不错

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

    感谢站长分享

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

    很好用的,谢谢分享

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

    谢谢分享谢谢分享

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

    谢谢分享,看看好不好用

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

    评论了居然不可以下载

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

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

    很好用的,谢谢分享

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

    很好用的,谢谢分享

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

    刷新了也看不到,晕

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

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

    好用的,谢谢分享

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

    很好用的,谢谢分享

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

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

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

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

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

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

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

      全百科推广 3周前 (06-13) 来自天朝的朋友 搜狗浏览器 Windows 7 回复