wordpress主题快速定位代码文件

保姆级教程,谁看谁会!

相信很多站长做网站的时候都会遇到一个问题,网站搭建好了,在优化的时候,发现很多地方要改。但源码是别人的,找不到某行代码具体在哪个文件夹的哪一行。那怎么办呢?上百度?

你上百度搜到的答案一定是这个,而且首页十条答案一模一样。

注:本教程会教你找css文件位置和php代码具体文件位置。

wordpress主题快速定位代码文件1

你搜到的答案,但是根本看不懂

反正我这个小白站长至今没搞懂这个教程到底怎么实际操作,然后我自己摸索,终于找到了一个能定位WordPress代码文件的方法了!

一、css代码文件

css代码是比较好找的!

比如我要修改下述页面中“最新资源”字样的css,假如我想把它改成红色。

wordpress主题快速定位代码文件第二步

详细步骤

1,鼠标位移到“最新资源”上—右击—检查,然后我们会看到如下界面(不同浏览器的页面可能不同,这里推荐使用Chrome浏览器)

wordpress主题快速定位代码文件第二步

2,我们可以看到图片右下角的css代码里有很多色块,在chrome浏览器中是可以通过点击色块来更改颜色的。我们找到“最新资源”所属标签<h3>的位置。然后在网页右下角找到相对应的css

wordpress主题快速定位代码文件第3步

3,在“color”样式的旁边点击色块修改成你需要的颜色,如果立即生效了,则表示你找对了!

wordpress主题快速定位代码文件第4步

4,然后把鼠标位移到下图红色方框所在的地方,你会得到一串提示,这个提示就是告诉你你要修改的css文件在这个路径的第679行!

wordpress主题快速定位代码文件第5步

5,我们登陆服务器后台(或者宝塔后台或者你的空间后台),找到路径上对应的文件,修改颜色代码为你需要的,不要忘了保存。

那么如果我们想修改“最新资源”为“最近更新”该怎么做呢?

二、php代码文件

想要快速定位php代码文件你需要提前准备一款压缩软件:winrar 建议自行去官网首页下载。

wordpress主题快速定位代码文件第6步

首先你需要一份你网站备份的压缩包,如果你和我一样是宝塔面板,那么呢可以直接选择在面板里备份下载一个压缩包。具体操作为-网站-备份-下载。

wordpress主题快速定位代码文件第7步

下载完成之后,使用winrar打开!

wordpress主题快速定位代码文件第8步

首先复制红色方框框选的内容,然后用winrar打开你刚刚下载的压缩包,选择上方,查找,勾选在子文件中查找,然后在查找字符串一栏输入你刚刚复制的那串代码

wordpress主题快速定位代码文件第9步

出来的第一个结果就是。(一般会出来多个结果,其中肯定有一个是正确的!),然后把鼠标位移到结果上方,就会提示目标路径,这样大家就可以通过后台进入文件修改了!

wordpress主题快速定位代码文件第10步

本教程到此结束

本教程为亚撒西呐~原创,转载或搬运应注明源地址

发表评论

电子邮件地址不会被公开。必填项已用 * 标注