X

Come aggiungere icone per tipi di post personalizzati in WordPress

Snippet di IsItWP

Vuoi aggiungere icone per tipi di post personalizzati in WordPress per le pagine di aggiunta e modifica post? È facile con il nostro snippet di codice. Diamo un'occhiata.

Istruzioni:

Aggiungi questo snippet a functions.php o a un plugin specifico per il sito. Non dimenticare di cambiare l'URL alla riga 9 con la posizione della tua icona 24px per 24px.

add_action( 'admin_head-post.php', 'post_type_icon');
add_action( 'admin_head-post-new.php', 'post_type_icon');
function post_type_icon() {
        global $post_type;
	?>
	<style>
	<?php if($post_type == 'products'){ ?>
	#icon-edit { 
                background: url('<?php echo 'http://example.com/wp-content/themes/theme_name/i/icon_24x24.png';?>') no-repeat; }
	<?php } ?>
        </style>
        <?php
}

In alternativa, puoi usare questo codice. Questo snippet crea un tipo di post personalizzato (chiamato "products" alla riga 9) e imposta l'icona del menu per quel tipo di post personalizzato. Aggiungi questo snippet a functions.php o a un plugin specifico per il sito. Alla riga 10 di questo snippet, impostiamo l'URL di menu_icon sulla posizione dell'immagine icona 16px per 16px da visualizzare nel menu di amministrazione.

$args = array(
        'label' => __('Products'),
        'singular_label' => __('Product'),
        'public' => true,
        'show_ui' => true,
        'capability_type' => 'page',
        'hierarchical' => false,
        'rewrite' => true,
        'query_var' => 'products',
    'menu_icon' => 'http://site.com/wp-content/themes/theme_name/i/icon_16x16.png',
        'supports' => array('title','editor','comments','thumbnail')
);
register_post_type( 'product' , $args );

Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: I migliori page builder di WordPress (confrontati).

Commenti   Lascia una risposta

  1. Non riesco a farlo funzionare in WP 3.2.1. Ho un tema personalizzato che sto sviluppando e ho aggiunto la mia funzione a functions.php e aggiunto le azioni, ma niente.

    Sembra che gli unici stili che si applicano siano dal foglio di stile "colors-fresh.css". Ho controllato tutti gli errori di battitura e mi sono assicurato che le mie istruzioni if corrispondano alla definizione corretta del tipo di post.

    1. Se visualizzi il sorgente della pagina di amministrazione dovresti essere in grado di vedere se il CSS sopra è stato aggiunto alle pagine di amministrazione corrette per i tipi di post personalizzati. Questo è semplicemente CSS che sovrascrive le icone predefinite utilizzate. Potresti anche voler provare ad aggiungere !important alla fine del CSS per assicurarti che sovrascriva eventuali impostazioni predefinite.

    2. Naturalmente, 6 minuti dopo, ci riesco. Ho cambiato la riga

      a

      Questo sembra essere tutto ciò che era necessario per risolverlo. Non ho idea del perché la riga precedente non funzionasse per me, perché logicamente avrebbe dovuto.

      1. Uh, i tag code non funzionano?

        1. No :/ non con diquss,

  2. si può fare con un hook
    come qui

    add_action("admin_head", array(&$this, "stylize")); //uso classi

    function stylize() { global $post_type; if($post_type == 'billboard') echo '#icon-edit {background: url("'.plugins_url( 'billboard.png', __FILE__ ).'") no-repeat; }'; }

    1. Sì, stavo pensando di usare admin_head, tuttavia dobbiamo solo sostituire l'icona grande in due pagine, quindi aggiungere a admin_head aggiungerebbe comunque il codice a ogni pagina.

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Checklist per il lancio di WordPress

La Guida Definitiva per il Lancio di WordPress

Abbiamo raccolto tutti gli elementi essenziali della checklist per il lancio del tuo prossimo sito web WordPress in un comodo ebook.
Sì, Inviami l'eBook Gratuito!