wordpress网站内置前端工具箱美化版分享

近突然想给自己的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) 打开该页面，就可以得到一个和博主的前端工具箱一样的效果了！

免费下载

免费下载地址：http://www.quanbaike.com/news/2338.html