Wordpress 如何在“我的帐户”页面的woocommerce选项卡上添加图标？

我正试图在导航选项卡上的“我的帐户”页面中添加一些图标。
像这样：

---

我试过一些教程，但运气不好。使用Divi主题形成优雅主题。有人有解决方案吗？

在WooCommerce的“我的帐户”页面上的选项卡导航图标已通过CSS伪元素添加

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--YOUR-PAGE a::before

---

您可以使用下面的代码作为示例来更改帐户图标

更改选项卡链接和Unicode图标（如f4fe）的-dashboard

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f4fe";
}

---

要将自定义HTML添加到选项卡标题，您可以从图标创建一个数组，并在woocommerce模板文件夹中更改nvaigation.php，如下所示：

$icons = [
    'dashboard' => '<i class="icon-dashboard"></i>',
    'orders' => '<i class="icon-orders"></i>',
    'edit-account' => '<i class="icon-edit-account"></i>',
    'customer-logout' => '<i class="icon-customer-logout"></i>',
    'downloads' => '<i class="icon-downloads"></i>',
    'edit-address' => '<i class="icon-edit-address"></i>'
];

<?php foreach ( wc_get_account_menu_items() as $endpoint => $label ) : ?>
  <a class="<?php echo wc_get_account_menu_item_classes( $endpoint ); ?>" href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>">
    <?php echo $icons[$endpoint] ?>
    <?php echo esc_html( $label ); ?>
  </a>
<?php endforeach; ?>

$icons=[
“仪表板”=>“”，
“订单”=>“”，
'编辑帐户'=>''，
'客户注销'=>''，
'下载'=>''，
“编辑地址”=>“
];

在渲染选项卡的foreach中，使用$endpoint进行回音，如下所示：

$icons = [
    'dashboard' => '<i class="icon-dashboard"></i>',
    'orders' => '<i class="icon-orders"></i>',
    'edit-account' => '<i class="icon-edit-account"></i>',
    'customer-logout' => '<i class="icon-customer-logout"></i>',
    'downloads' => '<i class="icon-downloads"></i>',
    'edit-address' => '<i class="icon-edit-address"></i>'
];

<?php foreach ( wc_get_account_menu_items() as $endpoint => $label ) : ?>
  <a class="<?php echo wc_get_account_menu_item_classes( $endpoint ); ?>" href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>">
    <?php echo $icons[$endpoint] ?>
    <?php echo esc_html( $label ); ?>
  </a>
<?php endforeach; ?>

---

使用此方法，您可以将任何内容添加到选项卡中

这可以通过CSS轻松完成。但是，在没有任何参考资料的情况下提交适当的解决方案是一个问题。尝试在此处共享此特定元素的链接或html结构