在 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;

}

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

How can I alter the final result in a breadcrumb so it shows as an H2 when using a childtheme on the Storefront WooCommerce theme?

php

wordpress

h2

woocommerce

child-theming