如何在使用FireBug等工具时从div中跟踪HTML的来源,以便我可以在后端更改它?

时间:2013-03-14 22:39:50

标签: php html templates firebug buddypress

我认识到这可能是一个非常基本的问题。我对此很陌生。

......但是例如。我在stackoverflow上检查'questions'按钮。它告诉我:

<html>
    <head>
    <body class="ask-page">
        <noscript><div id="noscript-padding"></div></noscript>
        <div id="notify-container"></div>
        <div id="overlay-header"></div>
        <div id="custom-header"></div>
        <div class="container">
         <div id="header">
         <div id="portalLink">
         <div id="topbar">
         <br class="cbt">
         <div id="hlogo">
         <div id="hmenus">
             <div class="nav mainnavs">
              <ul>
               <li>
                <a id="nav-questions" href="/questions">Questions</a>
               </li>

如何确定在后端应用于网站的位置?我要找什么样的模板或文件?我正在和BuddyPress一起工作。他们使用.php模板。但是我只是通过FireBug查看div的css / html来了解源代码。

感谢与我合作!

3 个答案:

答案 0 :(得分:2)

您无法通过仅查看HTML来判断哪个模板生成了HTML。

如果页面上有一些独特的文本,您可能能够通过grep告诉哪个php文件生成了该文本。但是很多模板软件几乎所有存储了数据库中网页的文本。数据库中的文本未向grep公开。

由于WordPress几乎将所有网站的文本存储在数据库中,因此您必须更加努力地工作。我建议从WordPress fundamentals开始。由于您在这种情况下基本上是一个用户,因此首先要仔细查看主题。在核心,插件和主题的WordPress体系结构中,主题“坐”靠近用户而不是核心和插件。

不要错过StackExchange的Wordpress网站。

答案 1 :(得分:0)

我有时只在编辑软件中使用find功能。它可以在大多数主要程序中使用,例如Visual Studio和Dreamweaver,它们将搜索文件夹中的任意数量的文件以查找您的标记。

答案 2 :(得分:0)

要获得要编辑的正确主题文件以获取差异,我通常会搜索应该位于该页面中的内容,例如具有特定ID或脚本的div。

我还使用名为“Firediff”的Firebug扩展程序,它允许我跟踪我在HTML或CSS中所做的所有更改,因此我可以重现它们:firediff