2012-11-30 60 views
1

我與WordPress的CMS工作,我用Yoast麪包屑http://wordpress.org/extend/plugins/breadcrumbs/http://yoast.com/wordpress/breadcrumbs/)的麪包屑添加到網站,但在我來說,我需要像下面的圖片圖像代替分離器:yoast麪包屑影像分離

enter image description here

上面的圖像是路徑輸出我喜歡實現。並且Yoast Breadcrumbs的默認輸出是這樣的You are here: Home » Uncategorized » Hello world!,並且插件有和admin選項來編輯分隔符,但它阻止了HTML標籤。

+1

你的問題是什麼?你有什麼嘗試?你卡在哪裏?你有什麼樣的代碼你試過了嗎? –

+0

請參閱我更新的問題。 :) – jho1086

回答

0

在可以添加分隔符的設置中<span class="sprite breadcrumb-seperator">»</span> 這樣您就可以看到分隔符。但是你可以在其上設置一個基於Sprite的圖像。

+0

感謝您的快速回復。我已經嘗試過,先生,但該字段防止HTML代碼。該代碼的輸出是這樣的'\"fdgfdg\"'或'»'和現場給值這樣的'<跨度> » </SPAN >' – jho1086

+0

是版本UPTODATE?我使用'»'thsi多一個網站沒有調整涉及 – janw

+0

是的,你的權利,表示@jec答案,下面。謝謝:) – jho1086

2

下的WordPress的搜索引擎管理的麪包屑分離我意識到這是一個老帖子,但我發現這對同樣的問題進行搜索時今天。從Yoast SEO版本3.2.3開始,您可以在插件的高級設置中將「HTML麪包屑之間的分隔符:」放入字段中。我用這個代碼,比如我使用的字體真棒在那裏,但你可以很容易地做同樣的事情的圖像您的樣式表中:

<span class="divider"></span> 

我的CSS:

p#breadcrumbs span.divider:before { 
    content: '\f105'; 
    font-family: 'FontAwesome'; 
    padding-left: 10px; 
    padding-right: 6px; 
} 

我希望這會有助於一些=)