wordpress - WooCommerce - 我在哪里可以编辑由钩子(Hook)生成的 HTML？

Question

我是 WooCommerce 的新手。无论如何，我想创建自己的主题，所以我按照指南并将核心模板文件复制到 /mywordpresstheme/woocommerce/ .

这一切都很好，我正在编辑模板就好了。

然而，WooCommerce 中钩子(Hook)和操作的工作方式让我感到困惑，我无法弄清楚生成的 HTML 的某些部分来自哪里。

例如，在 content-product.php ，有一个获取图像的钩子(Hook):

<?php
/*
* woocommerce_before_shop_loop_item_title hook
*
* @hooked woocommerce_show_product_loop_sale_flash - 10
* @hooked woocommerce_template_loop_product_thumbnail - 10
*/
do_action( 'woocommerce_before_shop_loop_item_title' );
?>

但这是什么？它从何而来？？操作名称中是否有任何线索可以帮助我找到为编辑而生成的 HTML 的位置？

我在 WooCommerce 上阅读了有关“钩子(Hook)和过滤器”的文章，但它没有解释在何处或如何根据具体情况更改这些内容。

任何帮助将不胜感激。

我是这个系统的新手，我确信我只是忽略了一些非常明显的东西。

谢谢，
米奇。

Answer 1

But what is this? Where does it come from?? Is there any clue in the action name as to where I could locate the HTML being generated for the purpose of editing it?

这是一个 action hook 。它本身并没有做任何事情，但是注释 hook 中列出的功能进入其中，因此在触发此功能时运行。它在评论中说函数 woocommerce_template_loop_product_thumbnail 是负责获取缩略图的函数。您可以在 Woocommerce 插件中找到此功能。我使用 Sublime Text 编辑器(尽管我认为其他人也会这样做)在整个文件夹中搜索该短语，它会准确告诉我它所在的文件。在这种情况下，它被称为可插入函数，位于 woocommerce-template.php 。 (现在在 2.1+ 版本中称为 wc-template-hooks.php)

可插入函数意味着您在主题的 functions.php 中定义具有相同名称的函数的新版本

function woocommerce_template_loop_product_thumbnail(){
  echo "apple";
}

如果您将上述内容放在您的functions.php 中，那么您只会看到apple 一词，而不是Woo 的 woocommerce_template_loop_product_thumbnail()。

I've read the article on 'hooks and filters' on WooCommerce, but it explains nothing regarding where or how to change these on a case for case basis.

您将在主题的 functions.php 中进行所有更改，并且无需逐案处理。所有的钩子(Hook)和过滤器的行为都是一样的。也就是说，它们并不是最容易学习的东西，所以对自己要有耐心。我发现过滤器特别难缠住我的头。

在一次无偿的自我推销中，我在 basics of WordPress hooks and filters 上写了一系列文章(一篇文章说是针对主题 Hook 的，但 Hook 就是 Hook !)这些都是我希望人们在开始时告诉我的所有事情我的 WordPress 职业生涯。