Så här lägger du till ikoner för anpassade inläggstyper i WordPress

Någonsin undrat hur du kan lägga till anpassade ikoner för dina egna posttyper i WordPress? Om så är fallet är du på rätt ställe. I den här artikeln visar vi hur du lägger till ikoner för anpassade posttyper i WordPress.

WordPress började använda en ikon typsnitt som heter Dashicons sedan WordPress 3.8. Dessa teckensnittikoner ser bra ut på vilken som helst enhet eller skärmstorlek. Tja, du kan utnyttja dessa ikoner för att tilldela anpassade ikoner till dina posttyper.

Video Tutorial

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Lägga till anpassade posttypikoner med hjälp av ett plugin

Det första du behöver göra är att installera och aktivera CPT Custom Icon-plugin. Vid aktivering, gå helt enkelt till Inställningar »CPT-anpassade ikoninställningar där du ser dina anpassade posttyper listade. Klicka sedan på ikonen "Välj ikon" bredvid en anpassad posttyp och välj sedan ett teckensnitt från menyn.

Lägga till ikoner med hjälp av plugin för anpassad posttyp

Om du är ny för att registrera en anpassad posttyp rekommenderar vi att du använder anpassad posttyp-användargränssnitt för att skapa och hantera anpassade posttyper och taxonomier.

Att lägga till en ikon till en anpassad posttyp skapad med CPT-användargränssnittet är väldigt enkelt. Den stöder Dashicons som standard, så först måste du besöka Dashicons hemsida och välja ikonen som du vill använda för din posttyp.

Om du klickar på en ikon i listan visas en större version av ikonen längst upp. Bredvid det ser du ikonens CSS-klass. Det kommer att vara något som dashicons-grupper, dashicons-kalender, dashicons-cart, etc. Du måste kopiera CSS-klassen och redigera den anpassade posttypen du vill redigera i CPT-användargränssnittet. Allt du behöver göra är att klicka på Avancerade alternativ länka och rulla ner till menyn Ikon, klistra in CSS-klassen och spara dina ändringar.

Du kan också skapa en bildikon själv och ladda upp den genom att klicka på Media »Lägg till nytt. Efter uppladdningen klickar du på länken Redigera och kopierar bildfilens URL. Klistra in den här webbadressen i menyikonfältet i CPT-användarinställningar.

Manuellt lägga till ikon till en anpassad posttyp

Om du skapade en anpassad posttyp genom att placera en kod i din webbplatsspecifika plugin eller functions.php-fil kan du manuellt lägga till menyikoner. Återigen besök helt enkelt på Dashicons hemsida för att välja en ikon och kopiera CSS-klassen. Därefter lägger du till den i din anpassade posttypskod så här:

 'menu_icon' => 'dashicons-cart', 

Du kan även lägga till hela webbadressen till en bildfil som du vill visa som ikon, så här:

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

Här är en fullständig kodbit som skapar en anpassad posttyp som heter produkter med en menyikon:

 // Registrera Anpassad posttypsfunktion custom_post_type () $ labels = array ('name' => _x ('produkter', 'Post typ Allmänt namn', 'text_domain'), 'singular_name' => _x ('Produkt' 'Postnamn Singular Name', 'Text_domain'), 'menynamn' => __ ('Produkter', 'Text_domain'), 'parent_item_colon' => __ ('Föräldraartikel:', 'text_domän'), 'all_items' > __ ('Alla artiklar', 'text_domain'), 'view_item' => __ ('Visa artikel', 'text_domän'), 'add_new_item' => __ ('Lägg till nytt objekt', 'text_domän'), 'add_new '=> __ (' Lägg till nytt ',' text_domän '),' edit_item '=> __ (' Redigera artikel ',' text_domän '),' update_item '=> __ (' Uppdatera artikel ',' text_domän ')' search_items '=> __ (' Search Item ',' text_domain '),' not_found '=> __ (' Inte hittat ',' text_domain '),' not_found_in_trash '=> __ (' Ej hittat i papperskorg ',' text_domain ' ),); $ args = array ('label' => __ ('Produkter', 'text_domain'), 'description' => __ ('Post Type Description', 'text_domain'), 'labels' => $ etiketter, => 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' => true, 'menu_position' => 5, 'menu_icon' => 'dashicons-cart', 'can_export' => sant, 'has_archive' => true, 'exclude_from_search' = > false, 'publicly_queryable' => true, 'capability_type' => 'sida',); register_post_type ('Produkter', $ args);  // Haka i "init" action add_action ('init', 'custom_post_type', 0); 

Vi hoppas att den här artikeln hjälpte dig att lägga till ikoner för dina anpassade posttyper i WordPress. Du kan också kolla hur du använder ikonens teckensnitt i WordPress-postredigeraren.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Google+.