Cum se adaugă pictograme pentru tipurile personalizate de posturi în WordPress

V-ați întrebat vreodată cum puteți adăuga pictograme personalizate pentru tipurile personalizate de articole postate în WordPress? Dacă da, atunci sunteți în locul potrivit. În acest articol, vă vom arăta cum să adăugați pictograme pentru tipuri personalizate de posturi în WordPress.

WordPress a început să folosească un font de pictograme numit Dashicons de la WordPress 3.8. Aceste pictograme de fonturi arată excelent pe orice dispozitiv sau dimensiune a ecranului. Ei bine, puteți utiliza aceste pictograme pentru a atribui pictogramele personalizate tipurilor de postare.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Adăugarea de pictograme personalizate tip de post utilizând un plugin

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul CPT Custom Icon. La activare, pur și simplu mergeți la Setări »Setări pictogramă personalizată CPT unde veți vedea tipurile de postări personalizate listate. Apoi, dați clic pe butonul "Alegeți pictograma" de lângă un tip de post personalizat și apoi selectați un font din meniu.

Adăugarea de pictograme utilizând Plug-in personalizat tip post post

Dacă sunteți nou la înregistrarea unui tip de post personalizat, vă recomandăm să utilizați pluginul Custom Post UI pentru a crea și a gestiona tipuri personalizate de postări și taxonomii.

Adăugarea unei pictograme la un tip de articol personalizat creat cu pluginul CPT UI este foarte simplu. Acesta acceptă implicit Dashicons, așa că mai întâi trebuie să vizitați site-ul Dashicons și să selectați pictograma pe care doriți să o utilizați pentru tipul dvs. de postare.

Dacă faceți clic pe o pictogramă din listă, va apărea o versiune mai mare a pictogramei din partea de sus. Alături de aceasta, veți vedea clasa CSS a pictogramei. Va fi ceva de genul dashicons-grupuri, dashicons-calendar, dashicons-cart etc. Trebuie să copiați clasa CSS și să editați tipul postului personalizat pe care doriți să-l editați în interfața CPT. Tot ce trebuie să faceți este să faceți clic pe Opțiuni avansate și derulați în jos până la secțiunea Pictogramă de meniu, apoi lipiți clasa CSS și salvați modificările.

De asemenea, puteți să creați o pictogramă de imagine și să o încărcați făcând clic pe Media »Adăugați noi. După încărcare, dați clic pe linkul Editați și copiați adresa URL a fișierului imagine. Acum, pur și simplu lipiți această adresă URL în câmpul cu pictograme meniu din setările CPI ale UIP.

Adăugarea manuală a unei pictograme manual la un tip de post particularizat

Dacă ați creat un tip de post personalizat prin plasarea unui cod în plugin-ul dvs. specific pentru site sau în fișierul functions.php, puteți adăuga manual pictogramele meniului. Încă o dată, vizitați site-ul Dashicons pentru a selecta o pictogramă și pentru a copia clasa CSS. După aceasta, adăugați-l la codul de tip personalizat al postării după cum urmează:

 'menu_icon' => 'dashicons-cart', 

De asemenea, puteți adăuga adresa URL completă a unui fișier imagine pe care doriți să îl afișați ca pictogramă, după cum urmează:

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

Iată un fragment complet de cod care creează un tip de post personalizat numit produse cu pictogramă de meniu:

 // Înregistrați funcția personalizată a tipului de post custom_post_type () $ labels = array ('name' => _x ('Produs', ' 'Nume_primar nume singular', 'text_domeniu'), 'nume_meniu' => __ ('Produse', 'text_domeniu'), 'parent_item_colon' => > __ ("Toate articolele", "text_domeniu"), "view_item" => __ ('Vizualizați articolul', 'text_domeniu'), 'add_new_item' => '=> __ (' Adăugare nou ',' text_domeniu '),' edit_item '=> __ (' search_items '=> __ (' Nu este găsit în coșul de gunoi ',' text_domeniu '),' not_found '=> ),); $ args = array ('etichetă' => __ ('Produse', 'text_domeniu'), 'description' => __ (,, Post Type Description ", 'label_domain' => true, 'show_in_menu' => true, 'show_in_menu' => true, 'taxonomies' => array ('category', 'post_tag'), 'hierarchical' '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' => 'pagina',); register_post_type ("Produse", $ args);  // Intrați în acțiunea 'init' add_action ('init', 'custom_post_type', 0); 

Sperăm că acest articol v-a ajutat să adăugați icoane pentru tipurile personalizate de postări în WordPress. De asemenea, puteți să verificați modul de utilizare a fonturilor de pictograme în editorul de posturi WordPress.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Google+.