在WordPress中定位这段HTML代码

时间:2018-09-05 作者:MJ2410

我是wordpress的新手,目前正在修改wordpress构建的网站。我正在尝试使用chrome中的inspect选项查找网页的确切HTML位置,然后尝试在页面中查找特定的代码片段。目前,我正试图找到一段特定的代码,向其中添加一个新类,以包含一些CSS样式。但是字符串定位器不起作用,我在编辑页面列表中找不到HTML部分。而是它的视图和文本。

有人可以指导我如何使用inspect查找准确的代码吗?

1 个回复
最合适的回答,由SO网友:WebElaine 整理而成

HTML由主题或插件输出。所以首先你需要了解WP的template hierarchy. 如果您在遵循层次结构时遇到问题,需要一个代码段来确定页面使用的模板(听起来像是在谈论WP页面?)您还可以将此添加到主题的header.php 文件,位于/wp-content/themes/your-themes-name/header.php:

<!-- <?php global $template; print_r($template); ?> -->

这将显示用于呈现页面HTML的主题文件。对于一个页面,很可能是page.php 位于/wp-content/themes/your-themes-name/page.php.

找到正确的文件后,请在文本编辑器中打开它。您可能会立即找到需要更改的代码。但是,根据您的主题和插件,您可能还会发现您实际上需要编辑另一个文件。WP允许模板部分,它们是主题文件夹中独立的、可重用的PHP文件。还有贯穿主题的钩子,允许插件注入和更改代码。而且,一旦找到要编辑的部分,不要直接编辑主题或插件文件。您需要创建一个子主题,以便无论何时更新主题,都不会丢失自定义设置。有时,这就像添加一个快速过滤器一样简单,而其他时候,您需要复制有问题的模板,这取决于它是如何编码的。

如果您可以提供更多关于您试图定位并向其中添加类的HTML类型的上下文,这可能会帮助我们帮助您找出代码所在的位置以及如何最好地编辑它。

结束

相关推荐

将自定义html/css/图像添加到主题

我有一个html文件中的小标题,有自己的css文件和一个图像文件夹(SVG)。我基本上是想把这个放在我网站的标题中,所以我做了一个子主题,然后去编辑这个主题的标题。php和我的html代码,链接到css文件(我添加到主题中),以及主题文件中的SVG文件夹。SVG不会出现,任何样式也不会出现,尽管html本身显示得很好。我甚至将css移到了我的样式中。css的子主题,它没有什么区别。我基本上想知道最简单的方法是合并我的代码/文件结构(html文件、css文件、SVG文件夹)。如果相关的话,我可以包含代码,但