Cum se creează pictograme standard Dashicons în WordPress? Moduri standard minime pentru folderele WordPress Adăugarea de imagini la taxonomii în WordPress

Există multe motive pentru a lăsa un meniu WordPress cu imagini (pictograme). În primul rând, există o modalitate clară de a economisi locul, schimbând numele părții capului în „Budinochok”. Pe de altă parte, acțiunile simbolurilor înseamnă a vorbi mai mult din textele inferioare - butoanele de pe Facebook, Twitter etc. În primul rând, în al treilea rând, elementele grafice pot fi navigate mai precis pentru imaginea dată, de exemplu, în lista de categorii. Toate cele trei opțiuni pot fi susținute din previzualizarea postării răului. Și mai jos îmi pot da seama.

Din același punct de vedere, există trei metode de bază de inserare a pictogramelor în meniul WordPress:

Primul vipad va avea trei „coduri”, dar nu toți nou-veniții au nevoie de putere. Al treilea aranjament se bazează mai mult pe imagini decât pe fonturi simbolice. Ostannіy - vzagalі universal.

Pictograme din meniul WP din spatele Font Awesome

Mai devreme am scris un articol detaliat despre victorian. Știți cum să adăugați codul pentru adăugarea de simboluri la titlurile widget-ului, conținut și navigare. Vreau, opțiunea rămasă este realizovuvavsya acolo ieftin în același mod, nu în postarea în linie. Vă puteți întreba cum tsykavo.

1. Acum, doar inserați o imagine în meniul WordPress și apoi accesați toți administratorii din mijloc în secțiunea „Zovnishniy viglyad” - „Meniu”. Puteți crea un element nou în navigarea site-ului prin „Storinki” sau „Dovilny posilannya”.

Yaky bi sposib nu a vibrat, adăugați codul la simbolul Font Awesome în câmpul „Text cât posibil”, de exemplu, pentru cap:

add_action ("wp_enqueue_scripts", "enqueue_font_awesome"); funcția enqueue_font_awesome () (wp_enqueue_style ("font-awesome", "//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css");)

Nu este necesar să înregistrați scriptul, este necesar să vă înscrieți direct de pe site-ul oficial la serviciu. Acolo, în secțiunea Icoane, puteți admira codurile primelor pictograme pentru meniul WordPress (selectați opțiunile gratuite).

Aparent, când trebuie să setați fontul pictogramelor pentru toate elementele din meniu:

# Elementul de meniu-121 a, # elementul de meniu-122 a (familie de fonturi: FontAwesome;)

Aici, două elemente cu ID-uri numerotate 121 și 122 (uiește-te de codul HTML) apar într-un font simbolic. Puteți, în unele aspecte, un cip este deja conectat pentru schimbare, de exemplu, în colecția mea de unele suplimentare nu este necesar. Protest, despre tot felul de vipadok-uri, vă voi arăta același stil.

O nuanță importantă cu adaptabilitate

Oskilki titlul în elementul de meniu de la fundul vishutnya, apoi în versiunea mobilă textul „Golovna” nu va apărea. Revizuirea opțiunilor Іsnu kіlka:

• Atâta timp cât ați transferat pe site, atunci totul este logic aici - într-una dintre ele va fi o pictogramă, în cealaltă scrieți textul.
• Puteți adăuga 2 intrări pentru cap (text / pictogramă) într-un element de navigare, iar în starea căzută din dimensiunea ecranului, afișați / prikhovuvat una dintre ele (prin opțiunea de afișare). Principiul este același ca și în implementarea adaptabilității layout-ului.
• Alternativ, în orice text din CSS, setați puterea text-indent: -99999px și setați afișarea pictogramelor în pseudo-element înainte.

Pictograma stand în fața meniului (hack)

Metoda copleșitoare este că nu puteți vedea un element nou prin intermediul WP-admin, dacă îl puteți obține pentru un fragment php suplimentar, va trebui să îl plasați în fișierele funcțiilor functions.php:

add_filter ("wp_nav_menu_items", "add_new_menu_item", 10, 2); funcția add_new_menu_item ($ nav, $ args) (dacă ($ args-> theme_location == "main_menu") $ newmenuitem = "

Metoda este copleșită de faptul că nu puteți folosi un font simbolic (ca în acelea nu există conexiuni), ci pur și simplu adăugați o poză a unui prieten.

add_filter ("wp_nav_menu_items", "add_new_menu_item", 10, 2); funcția add_new_menu_item ($ nav, $ args) (dacă ($ args -> theme_location == "primar") (dacă (is_front_page ()) ($ my_link_class = "home-link current-menu-item";) else ($ my_link_class = "link de acasă";) $ newmenuitem = " „/Img/home-white25.png”> " ; $ Nav = $ nou element de meniu. $ Nav; ) Return $ nav; )

add_filter ("wp_nav_menu_items", "add_new_menu_item", 10, 2); funcția add_new_menu_item ($ nav, $ args) (dacă ($ args-> theme_location == „primar”) (dacă (is_front_page ()) ($ my_link_class = "home-link current-menu-item";) else ($ my_link_class = "link de acasă";) $ newmenuitem = "

De asemenea, respect operatorul inteligent al comutării laturii capului, așa că trebuie să inserăm o clasă în elementul de meniu activ, ceea ce este.

Există câteva nuanțe aici. Filtrul va fi blocat pentru meniul care este legat de locație (locul din șablon) sub numele main_menu, așa că pictograma prietenului va apărea doar acolo. În plus, titlul titlului este citit automat (dați dă dracului prețul, dacă aveți unul anume). Ei bine, ca și motiv, „probleme” cu adaptabilitatea, care sună trochie vishche, este, de asemenea, nevoie de virіshuvati.

Plugin WordPress pentru meniu cu imagini

2. Tsey priyom dodaє într-un element de punctuație noviy - clasă de stiluri. Vkazuumo în obiectul bazhany pe care îl voi numi, de exemplu, Ale mele— meniul.

3. Apoi mergeți la secțiunea „Fișiere media” și adăugați elementele necesare pentru a afișa imaginea.

4. Scrieți fișierul de stil în șablon (style.css) și introduceți următorul cod:

Meniul meu (imaginea de fundal: url ("http: //site-ul_dvs./wp-content/uploads/menuimg.png"); background-repeat: nu-repeat; fundal-position: stânga; padding-left: 20px;)

Ai grijă de rezultat.

Ca o chestiune de principiu, așa cum am spus deja vishche, există câteva nuanțe. De fapt, este posibil să nu folosiți o clasă nouă, ci pur și simplu să vă minunați de codul HTML al site-ului și să prescrieți stilurile, de exemplu, pentru # Element-meniu-121 etc. - sistemul dă automat ID-ul punctului de navigare skin.

Alternativ, partea daneză a puterii de fundal CSS poate fi înlocuită cu același Font Awesome:

li # element-menu-2996 a: înainte (conținut: „\ f015”; familia de fonturi: FontAwesome; padding-right: 7px;)

Totul se găsește în același mod ca însăși sarcina pe care o dorești să virism. Un plugin WordPress pentru un meniu cu imagini va semnifica robotul pozatkivtsy koristuvacham, vreau, poți, câștiga trokhi nadmirniy. Opțiunea pentru Font Awesome este ideală dacă aveți un script pe site-ul dvs. Conectarea acestuia prin intermediul WP admin este la fel de ușoară ca și decojirea perelor. Am găsit sferturi de modalități de a vă vedea cunoștințe mici despre aspect, sau păstrând respectuos codul zi statty.

Doriți să inserați o imagine sau o pictogramă în meniul WordPress? Dilimosya dosvidom și priyomy inferior.

WordPress vă permite să lucrați ușor și rapid cu categorii. Puteți crea o ierarhie pliabilă, includeți un articol de piele într-unul sau câteva titluri, le voi descrie și multă scorțișoară. Pe toate axa, comercianții cu amănuntul nu au transferat instalarea imaginii la rubricile - іkonok.

La sfârșitul statisticilor, sigur că îl aveți pentru a-l înfrumuseța cu pictograme și pentru a-l aduce pe site-ul dvs.

Pictograme de culoare maro pe titluri

Știm că sistemele de sunet și protecția factorilor de comportament de pe site, care se află sub forma unei ușurințe de utilizare - un raport rapid (citiți mai multe rapoarte despre utilizarea informațiilor). De asemenea, se știe că frumusețea joacă un rol important în lejeritate. Imaginile de pe titlurile WordPress vor oferi o estetică utilă.

În plus, apar animația și pictogramele. Ori de câte ori selectați în meniu titluri WordPress cu imagini, veți clipi imediat, astfel încât să puteți folosi categoria de skin pentru a naviga fără să citiți numele.

Imaginile de sub titlurile WordPress sunt frumoase și la îndemână. Voi picta yuzabіlіtі, factori conducători, pentru a nu mă pierde în sisteme de sunet neobișnuite, caz în care clasarea și percepția. Axa este o astfel de logică.

Pictograme categorii și pagini

Îl puteți vedea din numele pluginului, puteți schimba imaginea nu numai la titlurile WordPress, ci și la link-uri. Câteva cuvinte sunt afișate pe fundul titlurilor, iar instrucțiunile pe drum și în lateral, etc.

Otzhe, dintr-o bucată de cum să apelez, vikachuєmo din panoul de administrare sau de pe site-ul web al pluginului de vânzare cu amănuntul, îl voi instala și îl voi activa. După activare în consola noastră, există setări în elementul Pictograme.

În nalashtuvannya puteți vibra, în papa vor fi pictograme pentru titlurile WordPress. Pentru o miros ciudat, încărcați în wp-content / upload / icons /. Dacă este necesar, puteți schimba folderul. De asemenea, este posibil să vibrezi în nalashtuvannyas, deoarece vor exista pictograme în categorii. Începând cu vigilența site-ului, trebuie să vibrezi pentru ca acesta să fie cel mai frumos.

Apoi puteți începe înainte de a adăuga pictograme la titlurile WordPress, le puteți adăuga prin elementul Adăugați / Ștergeți pictograme. Іkonki s-a adaptat, de asemenea, în funcție de designul site-ului. Acum pot trece la instalarea imaginilor pentru titlurile de piele. Trebuie să mergeți la Atribuiți pictograme categoriilor. Explicați că este imposibil să vedeți cum va fi, totul este intuitiv intuitiv.

Bine ati venit prieteni!

Va fi simplu, dar la aceeași oră articolul este relevant, cum să permită dezvoltarea pictogramelor la titlurile și elementele de meniu de pe site.

Materialul va fi grozav pentru WordPress, dar puteți stoca toate informațiile pe propriul motor. De fapt, putem vedea fundul unor astfel de ikonok-uri, care emană duhoare și sunt necesare. Ei bine, există opțiuni foarte diferite pentru instalare.

Pictogramă cap la cap în titluri

Puteți găsi un yaskraviy fund pe site-ul meu în coloana laterală din lista tuturor titlurilor.

Stai puțin, există și o opțiune pentru o listă drăguță și simplă. Același lucru am creat pictograme pentru categoria de piele, astfel încât designul site-ului să devină mai primitiv. Și ideea principală a designului se bazează pe astfel de elemente.

Poate fi folosit și pentru meniul principal. Este foarte plictisitor să vezi linia punctată în noua linie și nu este ca orice fel de decor, atunci de ce să nu adaugi pictogramele simple la ele.

Îl puteți instala, ca cu un plugin sau fără. În acest vipad există un sentiment de dodati fără un plugin, așa că merită pentru stiluri CSS suplimentare. Dacă aveți nevoie de o schimbare frecventă a imaginii, atunci este mai simplu să ridicați pluginul.

Este ușor de cunoscut imaginea pictogramelor de pe Internet. De exemplu, prin gluma cartografică Google, putem face selecții de aceeași dimensiune și stil. Este posibil și prin numele cerut shukati în servicii:

• Căutare de icoane- serviciul de limba engleza;
• Căutare pictogramă- Icoanele rusești, ale vibirului sunt mai mici, mai jos în prim plan.

Pictograme pentru titluri fără plugin

Posibilitatea de a șterge în pictograme suplimentare la diferite stiluri la capul pielii, iac în propria inimă un nou identificator.

• Cadru verde - o clasă la domiciliu pentru posilan din categorie;
• Cadrul Chervona este o clasă individuală cu valori numerice pentru o anumită putere.

Deci, ca titlurile pe care le avem în lista de ul li în coloanele laterale, atunci merită să adăugați o clasă cu valori numerice și să setați o imagine a dimensiunii cântării până la elementele date. De exemplu, în vipad-ul meu viglyadє următorul rang:

Top_comm_wid> ul li .cat-item-16 (fond: url ("imagini/analitia.jpg") no-repeat ;;) .top_comm_wid> ul li .cat-item-12 (fond: url ("imagini / ps. jpg ") no-repeat ;;) .top_comm_wid> ul li .cat-item-7 (background: url ("imagini / tech.jpg")) no-repeat ;;)

Tse 3 stiluri la diferite titluri. Yak bachimo, apoi în stilul skinului există o clasă pentru etichete în lista din coloana laterală (.top_comm_wid> ul li).

• .top_comm_wid - clasa, cu ajutorul căror stiluri pentru widget-ul din coloana laterală;
• ul li este o etichetă de listă (nenumerată).

Într-un astfel de rang, sunt vinovat de o clasă zyasuvati pentru lista de articole din titluri și stabilirea de noi stiluri pentru piele, adăugând o clasă individuală cu un identificator specific al categoriei de piele. Continuați și adăugați shlyakh la imagine, puterea vikoristovoyuchi "fond". Este ușor să termini totul.

Este necesar să vă înregistrați în stilurile pentru categoria de skin, este necesar să accelerați funcția standard a browserului prin meniul contextual:

• Google Chrome - revizuirea codului elementului;
• Mozilla Firefox - urmăriți un element;
• Opera - element pro_inspektuvati.

Doar faceți clic pe butonul din dreapta al mouse-ului când aveți nevoie de el și selectați funcția din browser. Instrumentul pentru continuarea unui element vă va oferi un panou cu un cod de ieșire, puteți vedea imediat rândul necesar, în care puteți cunoaște clasa de stiluri, care poate fi scrisă în fișierele de stil. Am o clasă „titl-articol-ID-titluri” (div. Captură de ecran vishche).

Și așa și la rubrica de piele. Apoi puteți vedea stilurile în lista din coloana laterală, puteți adăuga designul clasei și le puteți modifica la intrările pentru stilurile mele. În principiu, dacă șablonul dvs. este extravagant, nu pentru înlocuire, atunci clasa individuală va fi aceeași. Va exista doar o clasă pentru o singură coloană, cum ar fi prescripțiile pe cob în sine.

De asemenea, este necesar să adăugați imaginile pictogramelor pentru rubrica skin în folderul de imagini din mijlocul șablonului de design. Acum puteți adăuga imagini pentru afișare. Pot să văd așa.

Top_comm_wid> ul li .cat-item-16 (background: url ("images / analitia.jpg") no-repeat ;;)

Consultați lista de nume pentru lista ul li din coloana laterală (.top_comm_wid> ul li), apoi pentru clasa individuală cu identificatorul categoriei (.cat-item-16). Stilurile de mijloc sunt scrise în imagine. Stilurile mele merg la imaginea rețetelor cu ajutorul acesteia, în mijlocul șablonului є imaginile folderului, în yak am totul și zavanazhuvav. Dacă denumești folderul în funcție de inshomu, atunci acesta va aduce modificarea acestuia.

Sunt încurajat că puteți deschide totul fără probleme. De îndată ce ajung să cunosc problema prin rapt, atunci voi găsi radium pentru ajutor în comentarii. Verificarea proviziilor.

În aceeași ordine, puteți adăuga o imagine la elementele de meniu, deoarece puteți utiliza și propria dvs. identificare.

Principiul este similar:

1. Diznaєmosya este o clasă străină pentru lista din meniu;
2. Diznaєmosya clasa individuală cu punct ID piele;
3. Stilurile sunt setate pentru titlu din fundal, de vkazuєmo mergeți la sfârșitul fișierului.

Nu putem fi ca un om cu manieră, așa că pentru că ikonii nu sunt clișee. Prețul este legat de însuși aspectul unui număr mare de șabloane, care pot fi de-click numai pe titlu. Zona în care se află NU se poate face clic.

Șablonul dvs. poate fi exact așa, astfel încât întreaga zonă per titlu va putea fi clicată. Todi și pictograma vor fi clicabile. Nu este așa pentru momu.

Plugin-ul este în zvsim este situația. Vlasne, la nou și transferabil.

Plugin pentru categorii și pagini

Judecând după nume, dați vina pe blaza inteligenței, pluginul permite adăugarea pictogramei nu numai la titluri, ci și la elementele de meniu, astfel încât designul să fie și mai unic.

Pluginul Wikachuєmo din partea oficială.

Reinstalați yogo, activați și accesați imediat nalashtuvan.

Aici, este necesar să vibrezi dimensiunea pictogramelor până când duhoarea se va strânge, de parcă răpirea și imaginea ar fi foarte mare. Varto a fost stors la o dimensiune de 28x28 pixeli pentru o schimbare. Puteți modifica prețul dacă aveți nevoie de o dimensiune mai mică.

De asemenea, puteți vibra la folder, în iac vor fi toate pictogramele. Dacă aveți nevoie de acces la ele pe găzduire, puteți schimba modul. Nu îl folosesc pentru niciun consumator, nu cred nimic despre asta.

Faceți clic pe butonul „Fișiere Viber” și selectați toate pictogramele necesare. Da, duhoarea se blochează rapid și să fie pe lista de mai jos, ca a mea pe captură de ecran. Duhoarea va fi disponibilă în versiunea originală, precum și în versiunea modificată, precum și schimbarea bulionului.

Iac bachimo, є vibir, iac de dimensiunea originală, deci este schimbat. Parametrul de modificare a fost setat în ajustările de mai devreme.

1. Adăugați pictograme la elementele de meniu;
2. Atribuiți pictograme categoriilor.

Vibir poate fi schimbat, ca și pictograma dimensiunii originale, sau modificat. Desigur, dacă toate tramvaiele dvs. de cai au fost legate în dimensiuni diferite, atunci selectați modificările de opțiuni, în geanta finală, mirosul de aceeași dimensiune.

Am pregătit o selecție a tuturor pictogramelor cu aceeași dimensiune, așa că vibra este originală.

Prin apăsarea butonului „Salvați modificările” din partea de jos a părții laterale a selecției.

Gestionarea plugin-ului Category & Page Icons nu este o clipă de pliere, dar aș dori să-l adaug pe site-ul meu, astfel încât totul să se poată face în 2 clicuri. Ale a reușit să facă totul cu mâinile sale, așa că nu funcționează cu pluginul activ. Scripturi de conflict Yakiy.

Asta e tot, băieți. Sunt recunoscător că te-ai potrivit cu noi și că te-ai ajutat cu materialele mele. Yaksho scho, întoarce-te în comentarii. Chim pot, te voi ajuta.

Înainte de a vorbi, ce metodă ai ales? Scrie, fii nevăstuică, în comentariile de mai jos.

Dyakuyu toate pentru respect. Sună ca mine în aceste materiale. Până la scenă.

Să mergem, Kostyantin Hmelov!

Imediat ce au lucrat cu WordPress, apoi l-au cântat, dar totul este corect în locul imaginilor, tabelelor de stil, temelor și pluginurilor din WordPress pentru sugestiile care sunt salvate în papa. wp-conținut... Ale, ymovirno, nu știai că numele folderului poate fi schimbat cu ceva, iar motorul va fi tot la fel!

Una dintre modificări este de a schimba numele de „wp-content /” є cele pe care site-ul dvs. va fi urmărit de mai puțin WordPress-nim, în acel moment când puterea este la putere, puteți adăuga, de asemenea, ceva la familie . .

Infecțiozitatea poate fi văzută ca totul este posibil pentru un visconati.

Creati un folder nou

Aplicația noastră va schimba folderul wp-conținut v active... Îmi pare rău, dacă schimbați întregul folder cu toate activele pluginului, sau acestea vor fi dezactivate și nu vor fi afișate pe părțile desemnate, deoarece WordPress nu le poate cunoaște în cele implicite - daddy wp

modificarea config

Acum aveți nevoie de un fișier Viconati Kilka Zmin u wp-config.php, Ale, cu atât mai bine pentru a crea o copie de rezervă a fișierului înainte de a face orice modificări anterioare. În primul rând, în cazul unuia netransferabil, îl putem transforma oricând într-o copie de rezervă.

Pentru un cob de dodamo, următorul rând în fața require_once (ABSPATH. 'wp-settings.php');(Zvichey roztashovana în partea de jos) wp-conținut cu o schimbare la active.

Definiți ("WP_CONTENT_FOLDERNAME", "active");

Apoi următorul rând este chiar lângă partea din față, apoi puneți WordPress pe o nouă cale către folder.

Definiți ("WP_CONTENT_DIR", ABSPATH. WP_CONTENT_FOLDERNAME);

După ce am adăugat un rând la WordPress, voi cunoaște și voi afișa o listă de teme și pluginuri instalate.

Pentru a corecta corectitudinea, dați un rând întreg pentru noua atribuire în dosar.

Definiți ("WP_SITEURL", "http: //". $ _SERVER ["HTTP_HOST"]. "/"); definiți ("WP_CONTENT_URL", WP_SITEURL. WP_CONTENT_FOLDERNAME);

Din și totul. Acum, toate pluginurile, acelea și dacă sunt cadouri multimedia, pe care le veți adăuga, vor fi preluate de noii noștri părinți.

A alunecat să însemne!

Fiți conștienți de plug-in-uri și de cei care nu apreciază în mod deosebit standardele prizei. Miros „wp-content” ca „wp-content” yak wp-content yak wp-content „hard”, cusut „wp-content” într-un fișier, nu o modalitate rapidă de a nalot. În același mod, pluginurile și acelea se pot face în general, pentru că nu sunt corecte.
Mai mult, există și un lama care a fost trimis la imagini, care sunt deja atașate înregistrărilor și gloanțele sunt umplute în folder. wp-conținut.

Modificarea descrisă mai sus este vinovată de stocarea securității și, în mod ideal, este extraordinar de inteligent să o proclami, chiar dacă ajungi doar să instalezi WordPress, sau doar l-ai instalat. În primul rând, site-ul poate fi „lustruit”, și există un număr mare de detalii de corectat.

Yak schimbă modul standard la fișierele media în WordPress

Noile fișiere media zavantazhuvach, care au apărut în versiunea 3.5 - în mod melodios, una dintre cele mai semnificative modificări din această versiune. În propria mea schimbare importantă, a discutat ale mensh, setările din panoul de administrare pentru schimbarea directorilor pentru schimbarea meniului parametrii... Motivul pentru care acest lucru a fost văzut din interfață a fost că nu a fost atât de des victorios, nu singura opțiune. De asemenea, schimbarea ar putea duce la moșteniri deplorabile pentru site, cum ar fi koristuvach zrobiv tse vipadkovo. Ajustarea vizuală a simplificat interfața și a pierdut doar capacitatea de a organiza folderele pe lună / rock. În partea de jos, îmi place să schimbi modul standard la fișierele media în WordPress 3.5+.

Notă: faceți rezultatul final, deoarece NU sunteți nou în WordPress. Căci, ei bine, tu haină, hoinări.

Pentru a schimba modul standard la fișierele media, trebuie să adăugați un fișier wp-config.php, Root în directoarele rădăcină ale instalării dvs. WordPress. Dacă doriți, doriți să vedeți folderul pentru zavantazhen așa wp-conținut / fișiere, Atunci trebuie să introduceți codul ofensator wp-config.php:

Definiți ("ÎNCĂRCĂRI", "wp-content /". "Fișiere");

Dacă doriți, doriți ca folderul dvs. să fie adăugat la postarea directorului de conținut wp, de exemplu http://www.example.com/files/, atunci trebuie să setați modul de adăugare în wp- axa config.php ca aceasta:

Definiți ("ÎNCĂRCĂRI", "". "Fișiere");

Amintiți-vă, în orice moment puteți vibra sortarea fișierelor vechi după lună / rock in Parametri »Fișiere media.

Deci, pe măsură ce distribui șabloanele de înlocuire (cele) pe WordPress, am creat o nouă opțiune pentru mine - tastați іkonok "Dashicons", Yaki stand pentru propunerile pentru wordpress, Remediere de la versiunea 3.8. Aceste pictograme pot fi adăugate în panoul de administrare WordPress.

Numărul aproximativ de pictograme este aproape de 200 de bucăți.
Schimbarea pictogramelor Dashicons constă în faptul că duhoarea se va pierde la calitate bună, îngrijit ca dimensiune, așa cum veți adăuga în stiluri CSS.
Pentru panoul de administrare, pictogramele „Dashicons” pot câștiga imediat, fără a fi conectate, iar dacă doriți să alegeți pictograme în șablon (teme), atunci trebuie să le conectați.

Conectați pictogramele „Dashicons” la șablon (de la aceștia)

Pentru acel schob Vikoristovuvati ikonok "Dashicons" nu numai în panoul de administrare, ci și pe blog sau pe site, va trebui să activați fișierul css „ /wp-includes/css/dashicons.min.css»:

Există două moduri de a lupta.
1 cale
Pictogramele de conectare „Dashicons” pot fi accesate prin șablonul de fișier „header.php”. Dă-mi etichetele codul axei:

2 sensuri
Pictogramele Dashicons pot fi conectate prin fișierul functions.php. Introduceți codul axei înainte de semnul „?>”:

Funcția my_dashicons () (wp_enqueue_style ("dashicons");) add_action ("wp_enqueue_scripts", "my_dashicons");

Puteți începe să conectați pictograme înainte de a adăuga pictograme pe blogul dvs.

Icoane de iac vivesti „Dashicons”

○ Pentru HTM:

Introduceți clasa specială „dashicons” în „dashicons- * ", De" * "- numele pictogramei ( pentru numele pictogramelor, consultați tabelul de mai jos):

O poți face astfel:

rezultat:

Dacă trebuie să schimbați pictograma și să vă amintiți culoarea, trebuie să creați axa astfel:

font-size - dimensiunea pictogramei
culoare - culoare

○ Pentru CSS:

da:

Site-myicon1: înainte (conținut: „\ f303”; afișare: bloc inline; -webkit-font-smoothing: antialiased; font: normal 22px / 1 „dashicons”; aliniere verticală: sus;)

site-myicon1 - clasa tse. Înlocuiește pe cont propriu
: Înainte - pictograma va fi adăugată înaintea elementului ( : După - pictograma va fi adăugată articolului)
\ F303 - cod pictogramă ( minunați-vă de tabelul de mai jos)
font - dimensiunea și numele fontului. Obov'yazkovo vkazhit "dashicons"

Să ne minunăm de masa icoanelor. Poți să mă întrebi pe bloos:

Tabel de pictograme „Dashicons”

Vibrați chiar mișcările gheții și vă puteți întreba pe site-ul oficial.