Slik legger du til ikoner for egendefinerte innleggstyper i WordPress

Noen gang lurt på hvordan du kan legge til egendefinerte ikoner for egendefinerte innleggstyper i WordPress? I så fall er du på rett sted. I denne artikkelen vil vi vise deg hvordan du legger til ikoner for egendefinerte innleggstyper i WordPress.

WordPress begynte å bruke et ikonfont som heter Dashicons siden WordPress 3.8. Disse skriftikonene ser bra ut på en hvilken som helst enhet eller skjermstørrelse. Vel, du kan utnytte disse ikonene for å tilordne egendefinerte ikoner til posttypene dine.

Videoopplæring

Hvis du ikke liker videoen eller trenger mer instruksjoner, fortsett å lese.

Legge til egendefinerte innleggstypekoner ved hjelp av et plugin

Første du må gjøre er å installere og aktivere CPT Custom Icon plugin. Ved aktivering, bare gå til Innstillinger »CPT Tilpasset Ikon Innstillinger hvor du vil se dine egendefinerte innleggstyper oppført. Deretter klikker du på knappen Velg ikon ved siden av en egendefinert innleggstype, og velg deretter en skrift fra menyen.

Legge til ikoner ved hjelp av Tilpasset Post Type UI-plugin

Hvis du er ny for å registrere en egendefinert innleggstype, anbefaler vi at du bruker Tilpasset posttype UI-plugin for å opprette og administrere egendefinerte innleggstyper og taksonomier.

Å legge til et ikon til en egendefinert innleggstype opprettet med CPT UI-plugin er veldig enkelt. Den støtter Dashicons som standard, så først må du besøke Dashicons nettside og velge ikonet du vil bruke til innleggstypen din.

Hvis du klikker på et ikon i listen, vises en større versjon av ikonet øverst. Ved siden av det vil du se ikonets CSS-klasse. Det vil være noe som dashicons-grupper, dashicons-kalender, dashicons-cart, etc. Du må kopiere CSS-klassen og redigere den egendefinerte innleggstypen du vil redigere i CPT-brukergrensesnittet. Alt du trenger å gjøre er å klikke på Avanserte instillinger lenke og bla ned til menyikon-delen, lim deretter inn CSS-klassen og lagre endringene dine.

Du kan også lage et bildeikon selv og laste det opp ved å klikke Media »Legg til nytt. Etter opplastingen klikker du på koblingen Rediger og kopierer bildefiladressen. Lim inn denne nettadressen i menyikonfeltet i CPT-brukergrensesnittinnstillinger.

Manuelt legger til ikon til en egendefinert innleggstype

Hvis du opprettet en egendefinert innleggstype ved å plassere en kode i din nettspesifikke plugin eller functions.php-fil, kan du legge til menyikonene manuelt. Igjen besøker du ganske enkelt Dashicons nettside for å velge et ikon og kopiere CSS-klassen. Etter dette legger du det til din egendefinerte innleggskode som denne:

 'menu_icon' => 'dashicons-cart', 

Du kan også legge til hele nettadressen til en bildefil du vil vise som et ikon, slik som dette:

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

Her er en full kodebit som lager en egendefinert innleggstype kalt produkter med et menyikon:

 // Registrer egendefinert posttype-funksjon custom_post_type () $ labels = array ('name' => _x ('produkter', 'Post Type Generelt Navn', 'Text_domain'), 'Singular_name' => _x ('Product' 'Posttype Singular Name', 'text_domain'), 'menu_name' => __ ('Produkter', 'text_domain'), 'parent_item_colon' => __ ('Parent Item:', 'text_domain'), 'all_items' = > __ ('Alle elementer', 'text_domain'), 'view_item' => __ ('View Item', 'text_domain'), 'add_new_item' => __ ('Legg til nytt element', 'text_domain'), 'add_new '=> __ (' Legg til nytt ',' text_domain '),' edit_item '=> __ (' Rediger element ',' text_domain '),' update_item '=> __ (' Oppdater element ',' text_domain ')' search_items '=> __ (' Search Item ',' text_domain '),' not_found '=> __ (' Ikke funnet ',' text_domain '),' not_found_in_trash '=> __ (' Ikke funnet i søppel ',' text_domain ' ),); $ args = array ('label' => __ ('Produkter', 'text_domain'), 'description' => __ ('Posttype beskrivelse', 'text_domain'), 'labels' => $ etiketter, 'støtter' => array (), 'taxonomies' => array ('kategori', 'post_tag'), 'hierarkisk' => false, 'public' => true, 'show_ui' => true, 'show_in_menu' => 'show_in_nav_menus' => true, 'show_in_admin_bar' => sant, 'menu_position' => 5, 'menu_icon' => 'dashicons-cart', 'can_export' => sant, 'has_archive' => sant, 'exclude_from_search' = > false, 'publicly_queryable' => true, 'capability_type' => 'side',); register_post_type ('Produkter', $ args);  // Hook til 'init' action add_action ('init', 'custom_post_type', 0); 

Vi håper denne artikkelen hjalp deg med å legge til ikoner for egendefinerte innleggstyper i WordPress. Du kan også sjekke ut hvordan du bruker ikonfonter i WordPress-postredigering.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Google+.