woocommerce breadcrumbにカスタムHTMLを追加する方法は？

Question

私はWooCommerceパンくずリストに取り組んでいます。私はちょうどホームクラムにスパンを追加したい。私はwoocommerceが

add_filter('woocommerce_breadcrumb_defaults', 'change_breadcrumb'); 
function change_breadcrumb($defaults) { 
    $defaults['wrap_before'] = '<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s">'; 
    $defaults['wrap_after'] = '</ol>'; 
    $defaults['before'] = '<li>'; 
    $defaults['after'] = '</li>'; 
    $defaults['delimiter'] = ''; 

    //add span tag 
    $defaults['home'] = '<span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home'; 

    return $defaults; 

} 

それを取り除く、それをやろうとしたとき、私は何を得るのです：

<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s"> 
    <li><a href="index.html">Home</a></li> 
    <li>Groceries</li> 
</ol> 

は、私は何が必要なのか：

<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s"> 
    <li><a href="index.html"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li> 
    <li class="active">Groceries</li> 
</ol> 

image

そして興味深いものになるだろうアクティブでないクラスを非ホームクラムに追加する方法。

私は答えがbreadcrumb.php

if(sizeof($breadcrumb) !== $key + 1){ 
    echo $before; 
} else { 
    echo $active; 
} 

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

をオーバーライドしていると私は私がよく..私はその上のねじれを示唆して自分のデフォルト

$defaults['active'] = '<li class="active">'; 

Answer 1

を追加できることに気づいたと思います。 css3セレクタを使用することは可能でしょうか？first-child？あなたは同じ効果