添加字體真棒到管理欄在WordPress的

我加入了JavaScript的圖標在我的管理欄，但圖標顯示爲「廣場」，所以我想通過這樣的圖標添加樣式：添加字體真棒到管理欄在WordPress的

$('#wp-admin-bar-root-default').replaceWith('<link rel="stylesheet" id="commentator-font-awesome-css" href=".../css/font-awesome.min.css" type="text/css" media="all" /><i class="fa fa-instagram" aria-hidden="true"></i>');

任何建議？

來源

2017-08-01 user1708580

使用FontAwesome步驟通過步驟例如：

包括顏色和自定義後類型

通過步驟例如使用FontAwesome步驟：

包括顏色和自定義後類型

1皮克一個圖標

轉到：http://fontawesome.io/icons/ 選擇一個圖標，我爲此示例選擇了「fa-flask」。

2獲取SVG

轉到：https://github.com/encharm/Font-Awesome-SVG-PNG/tree/master/black/svg 找到圖標，這將是沒有發前綴的名字 - 在我的情況，那就是「flask.svg」。單擊該圖標，然後單擊「RAW」在Github上帶上SVG到WordPress

裏面你的functions.php，在那裏您註冊自定義文章類型，添加以下代碼片段：

add_action('init', 'my_init'); 
function my_init() { 
    register_post_type('labs', [ 
     'label' => 'Labs', 
     // .. ect 
     'menu_icon' => 'data:image/svg+xml;base64,' . base64_encode('<svg width="20" height="20" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M1591 1448q56 89 21.5 152.5t-140.5 63.5h-1152q-106 0-140.5-63.5t21.5-152.5l503-793v-399h-64q-26 0-45-19t-19-45 19-45 45-19h512q26 0 45 19t19 45-19 45-45 19h-64v399zm-779-725l-272 429h712l-272-429-20-31v-436h-128v436z"/></svg>') 
    ]); 
}

重要筆記：

base64_encode的內容是來自Font Awesomes github頁面的複製原始字符串。您需要更改svg字符串中的兩個小東西： 1：向path/s元素添加fill =「black」屬性 - 這允許通過Wordpress更改顏色。 2 :(可選）將寬度和高度更改爲20，因爲這是管理員寬度/高度大小，並且看起來會導致更清晰的結果。

來源

2017-08-02 09:04:36

添加字體真棒到管理欄在WordPress的

回答

相關問題