在 WordPress 的自定义菜单处指定图标

WordPress 4.0 之后,采用了一个扁平化的 UI 风格。

可以看到左侧的菜单栏上面的图标,WordPress 提供了一个矢量的图标库 (dashicon),可以在任意定义菜单的地方使用:

https://developer.wordpress.org/resource/dashicons/

举个例子,添加一个自定义的 post 类型和分类法,其中 register_post_type 部分的方法里面指定了一个 menu_icon,在这里可以指定一个图片的 url,也可以直接使用 dashicon 的图标名。

function custom_post_type() {

    // 1. APP案例 post 类型(APP案例)
    $labels = array(
        'name'                => 'APP案例',
        'singular_name'       => 'APP案例',
        'menu_name'           => 'APP案例',
        'parent_item_colon'   => '父案例',
        'all_items'           => '所有案例',
        'view_item'           => '查看',
        'add_new_item'        => '新增案例',
        'add_new'             => '添加案例',
        'edit_item'           => '编辑案例',
        'update_item'         => '提交更改',
        'search_items'        => '查找案例',
        'not_found'           => '暂时没有任何案例',
        'not_found_in_trash'  => '回收站没有任何案例',
    );
    $args = array(
        'label'               => 'APP案例',
        'description'         => 'APP描述',
        'labels'              => $labels,
        'supports'            => array('title', 'editor', 'thumbnail',),
//        '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,
        'can_export'          => true,
        'has_archive'         => true,
        'exclude_from_search' => false,
        'publicly_queryable'  => true,
        'menu_icon' => 'dashicons-welcome-view-site',
    );
    register_post_type( 'download', $args );

    // 2. 案例板块 taxonomy 类型(series)
    $labels = array(
        'name' => '案例板块',
        'singular_name' => '案例板块',
        'search_items' =>  '查找板块',
        'all_items' => '所有板块',
        'parent_item' => '父板块',
        'parent_item_colon' => '父板块',
        'edit_item' => '编辑板块',
        'update_item' => '更新板块',
        'add_new_item' => '添加板块',
        'new_item_name' => '添加板块',
    );

    register_taxonomy('series', 'download', array(
        'hierarchical' => true,
        'labels' => $labels
    ));

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

【转载请附】愿以此功德,回向 >>

原文链接:https://www.huangwenchao.com.cn/2015/03/wordpress-dashicon.html【在 WordPress 的自定义菜单处指定图标】

发表评论

电子邮件地址不会被公开。 必填项已用*标注