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

Question

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

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

但是，WooCommerce 中的钩子和操作的工作方式让我感到困惑，我无法弄清楚生成的 HTML 的某些部分是从哪里来的。

比如content-product.php里面有一个获取图片的钩子：

<?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 上阅读了有关“钩子和过滤器”的文章，但它没有说明根据具体情况在何处或如何更改这些内容。

任何帮助将不胜感激。

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

谢谢， 米奇。

Answer 1

但这是什么？它从何而来？？有没有线索 动作名称，我可以在哪里找到正在生成的 HTML 编辑的目的是什么？

这是action hook。它本身并没有做任何事情，而是将 cmets hook 中列出的函数放入其中，因此在触发此函数时运行。它在 cmets 中说函数 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()。

我在 WooCommerce 上阅读了有关“钩子和过滤器”的文章，但它 没有解释任何关于在哪里或如何在一个案例中更改这些内容的内容 个案基础。

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

在一次无偿的自我推销中，我在basics of WordPress hooks and filters 上写了一系列文章（一篇文章说是主题钩子，但钩子就是钩子！）我希望人们告诉我的所有事情我在我的 WordPress 职业生涯的开始。