如何修改WooCommerce面包屑导航 - 利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活-利剑分享-科技生活
利剑分享-科技生活

如何修改WooCommerce面包屑导航

如何修改WooCommerce面包屑导航

面包屑导航对于SEO和搜索引擎本身都有莫大的作用,对用户也是非常有用的,可以让用户知道自己所处页面位置并可方便的切换到上级页面。面包屑导航对于SEO优化也是项必备的基本要求。本文不讨论wordpress本身的面包屑导航,只讨论woocommerce的面包屑导航实现问题。

WordPress WooCommerce面包屑导航修改

修改面包屑导航位置,首先删除默认的面包屑导航。

remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);

将导航添加到其它位置,例如放在header.php中,则直接在header.php适当位置插入如下代码

if( function_exists( 'woocommerce_breadcrumb') ) woocommerce_breadcrumb();

也可以用add_action添加,例如

add_action( 'woocommerce_after_main_content', 'woocommerce_breadcrumb' );

修改WooCommerce面包屑导航的参数

/*
修改Woo面包屑导航参数
代码来源: www.wpzxbj.com
*/
function my_woocommerce_breadcrumbs() {
    return array(
        'delimiter'   => ' / ',
        'wrap_before' => '',
        'before'      => '',
        'after'       => '',
        'home'        => _x( 'Home', 'breadcrumb', 'woocommerce' ),
    );
}
add_filter( 'woocommerce_breadcrumb_defaults', 'my_woocommerce_breadcrumbs' );

参数注释:

delimiter:分隔符

wrap_before:起始标签

wrap_after:结束标签

before:起始标签之后、面包屑导航链接之前的内容

after:面包屑导航链接之后、结束标签之前的内容

home:首页文字,例如像给首页加font-awesome,可以这样设置

'home' => _x( ' Home', 'breadcrumb', 'woocommerce' ),

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享