Come aggiungere icone per i tipi di post personalizzati in WordPress

Ti sei mai chiesto come aggiungere icone personalizzate per i tuoi tipi di post personalizzati in WordPress? Se è così, allora sei nel posto giusto. In questo articolo, ti mostreremo come aggiungere icone per i tipi di post personalizzati in WordPress.

WordPress ha iniziato a utilizzare un font icona chiamato Dashicons da WordPress 3.8. Queste icone dei caratteri sono perfette su qualsiasi dispositivo o dimensione dello schermo. Bene, puoi sfruttare queste icone per assegnare icone personalizzate ai tuoi tipi di post.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

Aggiunta di icone di tipo di post personalizzate utilizzando un plug-in

La prima cosa che devi fare è installare e attivare il plugin Icona personalizzata CPT. All'attivazione, basta andare su Impostazioni »Impostazioni icona personalizzata CPT dove vedrai elencati i tuoi tipi di messaggi personalizzati. Successivamente, fai clic sul pulsante "Scegli icona" accanto a un tipo di post personalizzato, quindi seleziona un carattere dal menu.

Aggiunta di icone utilizzando il plug-in UI del tipo di post personalizzato

Se sei nuovo alla registrazione di un tipo di post personalizzato, ti consigliamo di utilizzare il plug-in UI del tipo di post personalizzato per creare e gestire tipi di post personalizzati e tassonomie.

Aggiungere un'icona a un tipo di post personalizzato creato con il plugin UI CPT è molto semplice. Supporta Dashicons per impostazione predefinita, quindi per prima cosa è necessario visitare il sito Web di Dashicons e selezionare l'icona che si desidera utilizzare per il proprio tipo di post.

Facendo clic su un'icona nell'elenco verrà visualizzata una versione più grande dell'icona in alto. Accanto ad esso, vedrai la classe CSS dell'icona. Sarà qualcosa come dashicons-groups, dashicons-calendar, dashicons-cart, ecc. Devi copiare la classe CSS e modificare il tipo di post personalizzato che desideri modificare nell'interfaccia utente CPT. Tutto quello che devi fare è cliccare sul Opzioni avanzate collega e scorri verso il basso fino alla sezione Icona menu, quindi incolla la classe CSS e salva le modifiche.

Puoi anche creare un'icona immagine da solo e caricarla facendo clic Media »Aggiungi nuovo. Dopo il caricamento, fai clic sul link Modifica e copia l'URL del file immagine. Ora basta incollare questo URL nel campo dell'icona del menu nelle impostazioni dell'interfaccia utente CPT.

Aggiunta manuale di icone a un tipo di messaggio personalizzato

Se hai creato un tipo di post personalizzato inserendo un codice nel tuo plug-in specifico o nel file functions.php, puoi aggiungere manualmente le icone del menu. Ancora una volta, visita semplicemente il sito web di Dashicons per selezionare un'icona e copiare la classe CSS. Dopo questo aggiungilo al tuo codice tipo di post personalizzato in questo modo:

 'menu_icon' => 'dashicons-cart', 

Puoi anche aggiungere l'URL completo di un file immagine che desideri visualizzare come icona, come questo:

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

Ecco uno snippet di codice completo che crea un tipo di post personalizzato chiamato prodotti con un'icona di menu:

 // Registra la funzione Custom Post Type 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' => __ ('Prodotti', 'text_domain'), 'parent_item_colon' => __ ('Parent Item:', 'text_domain'), 'all_items' = > __ ('Tutti gli elementi', 'text_domain'), 'view_item' => __ ('Visualizza elemento', 'text_domain'), 'add_new_item' => __ ('Aggiungi nuovo elemento', 'text_domain'), 'add_new '=> __ (' Aggiungi nuovo ',' text_domain '),' edit_item '=> __ (' Modifica elemento ',' testo_dominio '),' update_item '=> __ (' Aggiorna elemento ',' testo_dominio '),' search_items '=> __ (' Cerca elemento ',' text_domain '),' not_found '=> __ (' Non trovato ',' text_domain '),' not_found_in_trash '=> __ (' Non trovato nel cestino ',' text_domain ' ),); $ args = array ('label' => __ ('Prodotti', '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, 'public_queryable' => true, 'capability_type' => 'page',); register_post_type ('Prodotti', $ args);  // Aggancia all'azione 'init' add_action ('init', 'custom_post_type', 0); 

Speriamo che questo articolo ti abbia aiutato ad aggiungere icone per i tuoi tipi di post personalizzati in WordPress. Potresti anche voler controllare come usare i font di icone nell'editor di post di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi trovarci anche su Twitter e Google+.