zoukankan      html  css  js  c++  java
  • wordpress博客模板调试必备工具(一)——火狐浏览器和notepad++

    不管你是自己调试wordpress模板,还是要借鉴别人的模板,都需要用到火狐浏览器的两个插件,一个是firebug一个是webdeveloper;这里提供一套中文版的火狐,也是自己一直在使用的:http://www.dwz.cn/a2qCt。

    火狐浏览器的firebug和webdeveloper插件同时展开,可以非常方便的查看别人的网站模板布局。对于不是很熟悉css的人来说,这两个中文版本的插件,对于提升你的技术非常有帮助。

    火狐浏览器firebug和webdeveloper插件

    其次就是结合notepad++工具,对代码进行修改查找。notepad++天生就是为html 和css准备的,配合zen conding插件能够快速的输入标签组合,一般情况下对于做博客营销的我们来说zen conding用得很少。

    notepad++的文件查找功能是经常用到的。修改模板的时候经常在本地环境,一般我都会有一个自己的本地wordpress数据调试包(http://t.cn/zQa8VOT)。该数据包分为两部分,一个是wordpress源文件,还一个是wordpress数据库,采集了300多篇文章,自己调试模板的时候就不需要去弄文章数据填充到wordpress里面了,3分钟就可以把模板的调试工作开展起来,非常快捷。

    wordpress现成的数据库和源文件

    其次就是notepad++的文件查找功能来修改模板。关于这些数据的使用,修改,相信有一定基础的高手都知道的。这里不赘述。

    notepad++查找文件的方法

    notepad++最大的好处就是查找功能,这里简要说明下用法:

    notepad++查找文件的方法

    如上图,我们在本地搭建的php环境,安装了wordpress,上图的意思是:查找comment-reply这个字符串,在D:wampwwwwp-content hemes这个路径下面的所有文件和文件夹中查找。也就是说你不知道这个东西在哪个模板文件里面,你用这个查找就能够查出来。并且会显示哪个文件、第几行的代码有这个字符串,这个方法在修改wordpress模板的时候使用频率非常高。有兴趣的可以去尝试操作下。

    火狐浏览器的两个插件,firebug和web developer 有着太多的技巧和方法。对于修改wordpress的css足够应付了。个人在做站的时候,比较偏向于两栏式博客,wordpress官方的模板拿来自己修改css,添加一些icon图标。就可以做出像穿衣打扮和久久美丽那样清爽的两栏式博客模板来了,而且代码都是wordpress官方的,稳定兼容,而且不用担心有后门。别人老外还做了SEO优化,你需要做的修改非常少。但是从外观上看,只要你修改过一些图片背景和颜色,基本上就成了另外一个风格了,别人看不出来的。

    网站icon小图标

    当然这个需要对css比较熟悉,或者是平时多去分析别人博客模板的css,等到需要用的时候能够马上借鉴别人的也是非常不错的。火狐浏览器firebug插件能够帮助初学CSS的人更快速掌握和理解CSS原理,非常棒,当时买了本css html的书,要不是火狐的firebug,可能我还得走更多的弯路。

  • 相关阅读:
    SQL错误码
    用collectionview实现瀑布流-转
    iOS开发~CocoaPods使用详细说明
    传值
    iOS 传值方式
    iOS Cocos2d-x 开发环境的搭建
    iOS 高效率编程工具篇
    iOS地图定位系统语言为英文时,返回中文位置信息
    Xcode脚本自动化打包问题:xcrun: error: unable to find utility "PackageApplication", not a developer tool or in PATH
    Cannot create __weak reference in file xxxxxxxxx
  • 原文地址:https://www.cnblogs.com/anzhuimeng/p/3234057.html
Copyright © 2011-2022 走看看