如何將字體超讚圖標添加到自定義帖子類型UI菜單圖標區域中？

Question

我想添加字體真棒圖標到自定義帖子類型UI菜單圖標區域，但我無法添加。我怎麼能做任何想法，夥計？謝謝。

Answer 1

在自定義文章類型的插件，您不能添加字體真棒圖標。您必須使用dashicon類名稱或圖標圖像網址。

Ref。 for dashicon class - https://developer.wordpress.org/resource/dashicons/

你可以從不同的網站下載圖標並使用它。 Ref。 - http://www.flaticon.com/packs/font-awesome。

我希望對你有用。

Answer 2

可以download字體真棒圖標爲PNG和上傳WordPress和寫完整的URL http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png 像上面......

圖標大小必須是20像素...

，或者您可以使用dashicon。它自動支持大寫。

CHCK這一形象http://dev.savivatechnologies.com/hpa/wp-content/uploads/2017/07/dashicon.png

希望此舉能幫助你...

Answer 3

如果你能這些文件粘貼到functions.php文件和style.css文件，並知道自定義後類型類看着身體class by wordpress

要使用Font Awesome作爲WordPress自定義發佈類型，您需要編寫一個小CSS：只需定位CPT菜單項（檢查WordPress管理員側欄以查找正確的CSS ID）就像這樣：

#adminmenu #menu-posts-custom_post_type_name .wp-menu-image:before { 
content: "\f135"; //find this by clicking on the individual icon on Font 
Awesome's site. 
font-family: 'FontAwesome' !important; 
font-size: 18px !important; 
} 

接下來，通過使用admin_head掛鉤添加這些樣式WordPress管理：

function namespaced_admin_styles_function() { 

    echo '<link href="/link/to/admin-styles.css" rel="stylesheet">'; 
} 

add_action('admin_head', 'namespaced_admin_styles_function'); 

...和你關閉和運行！好吧，不是。您仍然需要將Font Awesome樣式表添加到WordPress管理員和您網站的前端。幸運的是，你可以一舉兩得這樣：

function FontAwesome_icons() { 
echo '<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">'; 
} 

add_action('admin_head', 'FontAwesome_icons'); 
add_action('wp_head', 'FontAwesome_icons'); 

Refrence來自：https://cnpagency.com/blog/3-ways-to-use-icon-fonts-in-your-wordpress-theme-admin/