如何通过查看源代码来确定要编辑的文件

时间:2011-09-29 作者:user9044

我刚开始在一家公司工作,他们有一个网站,部分由另一位设计师完成,并聘请我来完成和修改。似乎大多数网站都是用WordPress创建的,但其中一些似乎是用HTML和;CSS。

网站位于http://www.executivetravellink.com/

我确实可以访问他们的FTP,因此我可以在本地传输文件并能够看到它们,但我的问题是,我无法说出在哪些文件中进行了更改。例如,如果您看到顶部的导航栏上有“Flights”、“Cruises”等,您可以看到之前的设计师在链接旁边添加了小图标。我知道,如果进入外观->菜单,您可以添加/编辑菜单上的链接,并且可以使用样式插入图像。Wordpress中的css文件。然而,我不确定他在哪个文件中存储了这些实际图像,所以我可以添加新的图像。

此外,我在许多页面上都有这个问题,但例如http://www.executivetravellink.com/brands/hotel-brands/, 当你转到Wordpress中的hotel brands页面时,我可以看到关于Club Med的第一段,但我假设其余段落不在那里,必须在与之链接的单独文件中。我试图在第一段上方插入横幅,但它没有显示出来。

从源代码来看,有人能知道答案吗?我对Wordpress还是很陌生,不能说我是HTML&;方面的专家;CSS在这一点上。如果有人能给我提供任何信息,我将不胜感激。

非常感谢。

3 个回复
SO网友:Rarst

研究代码是一种显而易见的方法。

您也可以尝试插件,例如Debug Bar 它可以方便地显示您的信息,例如正在使用的模板以及您正在查看的内容。

SO网友:Brian Fegter

看起来这些品牌可能是子页面。如果你转到页面并查看品牌页面,你可能会看到下面有缩进的页面。这会给他们带来永久性的/品牌/酒店品牌/俱乐部医疗我想你会看到这样的东西:

Brands
-Hotel Brands
--Club Med
--Couples Resorts
--Crowne Plaze
-Airline Brands
-Car Rental Brands
如果它是在Wordpress上运行的,那么除了模板文件之外,不应该有任何手动编码。如果前面的场景是正确的,他们只是在父页面中添加了一个摘录,然后链接到子页面。正在渲染的模板是http://www.executivetravellink.com/wp-content/themes/executivetravel.v.1.0/page.php

您应该在此处了解Wordpress模板结构:http://codex.wordpress.org/Theme_Development#Template_File_Checklist 这给出了每个模板文件的描述。

SO网友:hacksy

您可以使用firebug检查页面,例如,您将看到css保存在主题中executivetravel.v.1.0 , 文件style.css (您还会看到图标的路径)。

您还可以下载此主题并检查模板文件(它们应位于/wp-content/themes/executivetravel.v.1.0/ 看看那些文件,看看他是否在那里对摘录进行了编码。

结束

相关推荐

如何加载父主题style.css?

我的WordPress站点使用的主题是父主题的子主题。根据需要,两个主题都有风格。css文件。然而,据我所知,WordPress只提供了加载子主题样式的机制。css文件。如何加载父主题样式?是否需要手动导入父主题的样式。将css文件转换为子样式。css文件?