icona custom post
w function.php lub tam gdzie definiujemy custom post type w jego definicji podajemy:
function myTheme_init_posttypes(){ $event_args = array( 'labels' => array( 'name' => 'events', 'singular_name' => 'event', 'all_items' => 'All events', 'add_new' => 'Add new', 'add_new_item' => 'Add new event', 'edit_item' => 'Edit event', 'new_item' => 'New event', 'view_item' => 'View event', 'search_items' => 'Search ', 'not_found' => 'No event found', 'not_found_in_trash' => 'No event found in Trash', 'parent_item_colon' => '' ), 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'query_var' => true, 'rewrite' => true, 'capability_type' => 'post', 'hierarchical' => false, 'menu_position' => 5, 'menu_icon' => '', 'supports' => array( 'title','editor','thumbnail','custom-fields' ), 'has_archive' => true ); register_post_type('events', $event_args); }
ikonę definiujemy z fontu dashicons, klikając na Copy css otrzymujemy odpowiedni kod, np: content: „\f309”;
następnie dodajemy style css do admin head poprzez:
//create custom post icon in menu admin panel function add_menu_icons_styles(){ ?> <style> #adminmenu .menu-icon-events div.wp-menu-image:before { content: '\f309'; } </style> <?php } add_action( 'admin_head', 'add_menu_icons_styles' );
—
'menu_icon' => plugins_url( 'images/image.png', __FILE__ ), 'menu_icon' => 'dashicons-hammer',
dodanie koloru, stylu dla ikony (lub innego dowolnego elementu w panelu admina)
//add style color icon add_action('admin_head', 'my_custom_colors'); function my_custom_colors() { echo '<style> #adminmenu div.wp-menu-image.dashicons-hammer:before, #adminmenu div.wp-menu-image.dashicons-images-alt:before { color: rgba(240,90,26,.6); } </style>'; }
–
Hope this helps and happy coding :)
Zobacz jeszcze
scroll link
płynne scrolowanie do góry strony lub elementu wyznaczonego anchorem: //scroll function $('.scroll-link').click(function(e){ e.preventDefault(); var myLink =...