WordPress的 - 改變自定義一個的基礎菜單圖標

我使用zurb foundation 6而且它的title bar我想更改menu-icon，我有圖像。我不知道如何做到這一點，以及如何從wordpress的自定義主題中獲取資產。WordPress的 - 改變自定義一個的基礎菜單圖標

因爲，這是行不通的：

.menu-icon { 
    background: url('/assets/images/menu-icon.svg'); 
}

我已經試過這一點，但不工作，以及：

.menu-icon { 
    background: get_template_directory_uri('/assets/images/menu-icon.svg'); 
}

不知道，我怎麼能拉資產WordPress的自定義主題的css和改變我自己的zurb菜單圖標？

來源

2017-02-14 Leff

.menu-icon背景圖像在menu-icon::after中管理，作爲背景顏色和框陰影的混合。因此，如果您想添加自己的圖像，則必須將其添加到menu-icon::after並調整代碼以使圖像按照您的需要。示例（不是一個完美的，但向你展示我的意思）：

.menu-icon::after { 
    position: absolute; 
    top: 0; 
    left: 0; 
    display: block; 
    width: 100%; 
    height: 100%; 
    content: ''; 
    background-image: url(https://foundation.zurb.com/sites/docs/assets/img/logos/zurb-logo.svg); 
    background-size: 150%; 
    background-position: 7px 11px; 
    background-repeat: no-repeat; 
}

來源

2017-02-14 11:46:11 Armin

也只是爲了確認爲OP，get_template_directory_uri（）是PHP代碼，也不會在CSS工作。 – Kyon147

是的，OP還必須關心他們的圖像路徑，並使用正確的語法。 – Armin

謝謝，但你知道我怎樣才能從WordPress的自定義主題拉圖像？我無法去工作 – Leff

WordPress的 - 改變自定義一個的基礎菜單圖標

回答

相關問題