Pictogrammen voor aangepaste berichttypen toevoegen in WordPress

Heeft u zich ooit afgevraagd hoe u aangepaste pictogrammen voor uw aangepaste berichttypen in WordPress kunt toevoegen? Als dat zo is, dan ben je op de juiste plek. In dit artikel laten we u zien hoe u pictogrammen kunt toevoegen voor aangepaste berichttypen in WordPress.

WordPress is sinds WordPress 3.8 begonnen met het gebruik van het pictogramlettertype Dashicons. Deze lettertypepictogrammen zien er geweldig uit op elk apparaat of schermformaat. Welnu, u kunt deze pictogrammen gebruiken om aangepaste pictogrammen aan uw berichttypen toe te wijzen.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Aangepaste berichttypepictogrammen toevoegen met behulp van een plug-in

Het eerste wat u hoeft te doen, is de plug-in CPT Custom Icon installeren en activeren. Ga bij activering gewoon naar Instellingen »CPT Custom Icon Settings waar u uw aangepaste berichttypen zult zien. Klik vervolgens op de knop 'Pictogram kiezen' naast een aangepast berichttype en selecteer vervolgens een lettertype in het menu.

Pictogrammen toevoegen met behulp van de invoegtoepassing voor aangepast berichttype

Als u nog niet eerder een aangepast berichttype hebt geregistreerd, raden we u aan de invoegtoepassing voor aangepast berichttype te gebruiken om aangepaste berichttypen en taxonomieën te maken en te beheren.

Het toevoegen van een pictogram aan een aangepast berichttype gemaakt met de CPT UI-plug-in is heel eenvoudig. Het ondersteunt Dashicons standaard, dus u moet eerst naar de Dashicons-website gaan en het pictogram selecteren dat u voor uw berichttype wilt gebruiken.

Als u op een pictogram in de lijst klikt, wordt bovenaan een grotere versie van het pictogram weergegeven. Daarnaast ziet u de CSS-klasse van het pictogram. Het zal iets zijn als dashicons-groups, dashicons-calendar, dashicons-cart, etc. Je moet de CSS-klasse kopiëren en het aangepaste berichttype bewerken dat je wilt bewerken in de CPT UI. Het enige wat u hoeft te doen is klikken op de Geavanceerde opties link en scrol omlaag naar het menu-pictogramgedeelte, plak de CSS-klasse en sla uw wijzigingen op.

U kunt ook zelf een afbeeldingspictogram maken en deze uploaden door op te klikken Media »Nieuw toevoegen. Klik na het uploaden op de koppeling Bewerken en kopieer de URL van het afbeeldingsbestand. Plak deze URL nu gewoon in het veld voor het menupictogram in de instellingen van de CPT-gebruikersinterface.

Pictogram handmatig toevoegen aan een aangepast berichttype

Als u een aangepast berichttype hebt gemaakt door een code in uw sitespecifieke plugin of functions.php-bestand te plaatsen, kunt u menupictogrammen handmatig toevoegen. Bezoek opnieuw de Dashicons-website om een ​​pictogram te selecteren en de CSS-klasse te kopiëren. Hierna voeg je het als volgt toe aan je aangepaste berichttype-code:

 'menu_icon' => 'dashicons-cart', 

U kunt ook de volledige URL toevoegen van een afbeeldingsbestand dat u als pictogram wilt weergeven, zoals dit:

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

Hier is een volledig codefragment dat een aangepast berichttype maakt met de naam producten met een menupictogram:

 // Registreer aangepaste berichttype-functie custom_post_type () $ labels = array ('name' => _x ('producten', 'berichttype algemene naam', 'text_domain'), 'singular_name' => _x ('Product', 'Post Type Singular Name', 'text_domain'), 'menu_name' => __ ('Products', 'text_domain'), 'parent_item_colon' => __ ('Bovenliggend item:', 'text_domain'), 'all_items' = > __ ('Alle items', 'tekst_domein'), 'view_item' => __ ('Item bekijken', 'tekst_domein'), 'add_new_item' => __ ('Nieuw item toevoegen', 'tekst_domein'), 'add_new '=> __ (' Nieuw toevoegen ',' tekst_domein '),' edit_item '=> __ (' Item bewerken ',' tekst_domein '),' update_item '=> __ (' Item bijwerken ',' tekst_domein '),' search_items '=> __ (' Search Item ',' text_domain '),' not_found '=> __ (' Not found ',' text_domain '),' not_found_in_trash '=> __ (' Niet gevonden in de Prullenbak ',' text_domain ' ),); $ args = array ('label' => __ ('Products', 'text_domain'), 'description' => __ ('Post Type Description', 'text_domain'), 'labels' => $ labels, 'ondersteunt' => array (), 'taxonomies' => array ('categorie', '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, 'publicly_queryable' => true, 'capability_type' => 'page',); register_post_type ('Producten', $ args);  // Haak in de actie 'init' add_action ('init', 'custom_post_type', 0); 

We hopen dat dit artikel u heeft geholpen bij het toevoegen van pictogrammen voor uw aangepaste berichttypen in WordPress. Misschien wilt u ook eens kijken hoe u pictogramlettertypen gebruikt in de WordPress-berichteditor.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Google+.