关于do_shortcode的问题

Question

我仍然对wordpress的发展有点陌生，我面临着一个我无法理解的问题。

我的wordpress网站主题使用以下代码显示3个类别，显示图像、类别名称和链接。

<?php echo do_shortcode('[product_categories number="' . $number . '" parent="0" columns="3"]'); ?>

该代码输出如下：

<div class="woocommerce columns-3">
   <ul class="products">
     <li class="product-category product first"><a href="#">Cat1</a><li>
     <li class="product-category product"><a href="#">Cat2</a><li>
     <li class="product-category product last"><a href="#">Cat2</a></li>
   </ul>
</div>

我的问题是在哪里可以找到输出html的代码？我想在李前面加上一个href，而不是在后面加一个href。因为现在它只在你点击单词的时候链接到分类页面，但是当你点击图片上的任何地方时，我希望它能链接到。

我已经查看了short_code.php文件，但是很难按照代码找到它的输出位置。

谢谢。

Answer 1

做这件事有很多方法。

对于您的情况，具体的一个是，您必须找到那个短代码“调用”的函数。为此，您可以下载主题和插件文件，并使用一些记事本软件在所有文件中搜索add_shortcode或更好的product_categories(您的短代码名)。Notepad++有一个很好的特性，它允许您搜索特定目录中的所有文件。一旦你找到它，它应该看起来像：

add_shortcode( 'product_categories', 'function_for_product_categories' );

现在您知道了，function_for_product_categories是您想要的函数。然后，您可以搜索function_for_product_categories来查找给您提供输出的函数，并进行任何您想要的更改。

另一种方法是更通用的，您可以使用它来查找和探索主题或插件来进行自定义编辑。您可以搜索html标记(类名、ids等)在所有主题文件中查找函数的输出。这样，大多数情况下，你会得到更多的结果，你需要找出哪一个正是你想要的。

注意:不要忘记，如果您直接更改主题和插件文件，如果您更新它们，您的更改将丢失。因此，如果您要更新它们，在子主题或您自己的插件中定义新的函数并使用它们。

您可以查看的资源：

https://codex.wordpress.org/Shortcode_API接口

https://codex.wordpress.org/Child_主题

https://codex.wordpress.org/Writing_一个_插件

Answer 2

那看起来是一个WooCommerce短码。您不应该直接编辑那些核心文件，因为您的定制将在下一个插件更新中被覆盖。

此外，在锚标记中包装列表项是无效的HTML。

不过，您可能可以使用一些CSS foo来处理这个问题。您能否用HTML结构更新您的问题，以便它包含您希望也可单击的图像？

更新

深入了解WooCommerce，您可以通过将woocommerce/模板/内容-产品_cat.php复制到yourtheme/woocommerce/content-product_cat.php文件夹来覆盖循环中显示产品类别缩略图的模板。最好是在儿童主题中完成。