如何在WordPress中為自定義帖子類型添加圖標


有沒有想過如何在WordPress中為自定義帖子類型添加自定義圖標? 如果是這樣,那麼您來對地方了。 在本文中,我們將向您展示如何在WordPress中為自定義帖子類型添加圖標。

自WordPress 3.8起,WordPress就開始使用名為Dashicons的圖標字體。 這些字體圖標在任何設備或屏幕尺寸上都很好看。 好了,您可以利用這些圖標為您的帖子類型分配自定義圖標。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

使用插件添加自定義帖子類型圖標

您需要做的第一件事是安裝並激活CPT自定義圖標插件。 激活後,只需轉到 設置»CPT自定義圖標設置 您將在其中看到列出的自定義帖子類型。 接下來,點擊自定義帖子類型旁邊的“選擇圖標”按鈕,然後從菜單中選擇一種字體。

使用插件為自定義帖子類型選擇字體

使用自定義帖子類型UI插件添加圖標

如果您不熟悉註冊自定義帖子類型,那麼我們建議您使用“自定義帖子類型” UI插件來創建和管理自定義帖子類型和分類法。

將圖標添加到使用CPT UI插件創建的自定義帖子類型非常簡單。 默認情況下,它支持Dashicons,因此首先您需要訪問Dashicons網站並選擇要用於帖子類型的圖標。

從Dashicons網站複製圖標類

單擊列表中的圖標將在頂部顯示該圖標的較大版本。 在它旁邊,您將看到圖標的CSS類。 它將類似於dashicons-groups,dashicons-calendar,dashicons-cart等。您需要復制CSS類並編輯要在CPT UI中編輯的自定義帖子類型。 您需要做的就是點擊 高級選項 鏈接並向下滾動到“菜單圖標”部分,然後粘貼CSS類並保存您的更改。

在自定義帖子類型的UI插件中添加字體圖標

您也可以自己創建圖片圖標,然後通過點擊上傳 媒體»添加新。 上傳後,單擊“編輯”鏈接並複製圖像文件URL。 現在,只需將此URL粘貼到CPT UI設置的菜單圖標字段中即可。

手動將圖標添加到自定義帖子類型

如果您通過在特定於站點的插件或functions.php文件中放置代碼來創建自定義帖子類型,則可以手動添加菜單圖標。 再次簡單地訪問Dashicons網站以選擇一個圖標並複制CSS類。 之後,將其添加到您的自定義帖子類型代碼中,如下所示:

'menu_icon'           => 'dashicons-cart',

您還可以添加要顯示為圖標的圖像文件的完整URL,如下所示:

'menu_icon'           => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',

這是完整的代碼段,可創建帶有菜單圖標的自定義帖子類型,稱為產品:

// Register Custom Post Type
function custom_post_type() {

	$labels = array(
		'name'                => _x( 'products', 'Post Type General Name', 'text_domain' ),
		'singular_name'       => _x( 'Product', 'Post Type Singular Name', 'text_domain' ),
		'menu_name'           => __( 'Products', 'text_domain' ),
		'parent_item_colon'   => __( 'Parent Item:', 'text_domain' ),
		'all_items'           => __( 'All Items', 'text_domain' ),
		'view_item'           => __( 'View Item', 'text_domain' ),
		'add_new_item'        => __( 'Add New Item', 'text_domain' ),
		'add_new'             => __( 'Add New', 'text_domain' ),
		'edit_item'           => __( 'Edit Item', 'text_domain' ),
		'update_item'         => __( 'Update Item', 'text_domain' ),
		'search_items'        => __( 'Search Item', 'text_domain' ),
		'not_found'           => __( 'Not found', 'text_domain' ),
		'not_found_in_trash'  => __( 'Not found in Trash', 'text_domain' ),
	);
	$args = array(
		'label'               => __( 'Products', 'text_domain' ),
		'description'         => __( 'Post Type Description', 'text_domain' ),
		'labels'              => $labels,
		'supports'            => array( ),
		'taxonomies'          => array( 'category', 'post_tag' ),
		'hierarchical'        => false,
		'public'              => true,
		'show_ui'             => true,
		'show_in_menu'        => true,
		'show_in_nav_menus'   => true,
		'show_in_admin_bar'   => true,
		'menu_position'       => 5,
		'menu_icon'           => 'dashicons-cart',
		'can_export'          => true,
		'has_archive'         => true,
		'exclude_from_search' => false,
		'publicly_queryable'  => true,
		'capability_type'     => 'page',
	);
	register_post_type( 'Products', $args );

}

// Hook into the 'init' action
add_action( 'init', 'custom_post_type', 0 );

我們希望本文能幫助您在WordPress中為自定義帖子類型添加圖標。 您可能還想了解如何在WordPress帖子編輯器中使用圖標字體。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Google+。