php - 如何更改面包屑中的最终结果，以便在 Storefront WooCommerce 主题上使用子主题时显示为 H2？

Question

我正在使用 WooCommerce，我应用了 Storefront 主题，然后我创建了一个子主题，我可以使用它来更改我的网站。

我想要做的是改变所有页面上显示的面包屑中的最终结果，以将结果显示在<h2>标签中，而不是当前所在的标准<p>标签中。例如：

<p>Homepage > Page1 > Page2</p>

最终会变成：

<p>Homepage > Page1 > </p><h2>Page2</h2>

在 WordPress 上更改子主题时，我是一个新手，并且无法在线找到任何有用的答案，这就是我在这里寻求帮助的原因。我知道需要更改 breadcrumbs.php 文件，但是我不确定需要更改哪些部分以允许我在上面提出的更改。这些更改对于 SEO 目的都是必不可少的。

Answer 1

您可以尝试在您的主题中重写 breadcrumb.php，例如：

yourtheme/woocommerce/global/breadcrumb.php

代码将是这样的：

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

if ( ! empty( $breadcrumb ) ) {

    echo $wrap_before;

    foreach ( $breadcrumb as $key => $crumb ) {

        echo $before;

        if ( ! empty( $crumb[1] ) && sizeof( $breadcrumb ) !== $key + 1 ) {
            echo '<a href="' . esc_url( $crumb[1] ) . '">' . esc_html( $crumb[0] ) . '</a>';
        } else {
            echo '<h2 class="some-class">' . esc_html( $crumb[0] ) . '</h2>'; // edited here
        }

        echo $after;

        if ( sizeof( $breadcrumb ) !== $key + 1 ) {
            echo $delimiter;
        }
    }

    echo $wrap_after;

}