Încarcă stiluri css la WordPress corect

anterior ◈ următoarea

Utilizarea CSS (Cascading Style Sheets - Cascading Style Sheets) ofera o mult mai multe oportunități pentru proiectarea de pagini de pe site-ul WordPress. Și dacă nu încărcați foaia de stil de WordPress corect, utilizatorii site-ului va fi extrem de dificil să se adapteze stilul temei.







Astăzi ne vom concentra pe modul de a încărca în mod corespunzător toate CSS de WordPress.

Până în prezent, WordPress este cel mai popular sistem de management al conținutului din lume. Numărul de utilizatori are zeci de milioane. Prin urmare, pentru a crea o temă de succes trebuie să ne punem în locul fiecărui utilizator pentru a instala în mod corespunzător fișierele WordPress și CSS, respectând cu strictețe regulile.

Cum de a încărca în mod corespunzător CSS de WordPress

... sau în fișierul functions.php. Având în vedere că este mai bine:

În nici unul dintre aceste cazuri, WordPress nu poate identifica, au fost CSS fișierele sunt încărcate sau nu. Aceasta este cea mai mare greseala noastra!

În cazul în care orice alt plug-in utilizează același CSS-fișier, acesta nu va fi în măsură să verifice dacă CSS fișierul este adăugat la pagina. Ca urmare, utilizați plugin-ul încarcă același fișier a doua oară, având ca rezultat dublarea codului.

Din fericire, WordPress, puteți face față cu ușurință această problemă prin adăugarea unei foi de stil.

Cum să zagruzhatCSS de WordPress

Așa cum am menționat mai devreme, WordPress sa schimbat suficient în ultimii ani, iar noi ne-am stabilit sarcina de a satisface nevoile fiecărui utilizator, ținând cont de particularitățile de sute de mii de plugin-uri existente pentru WordPress. Dar nu-ți fie frică de această cifră, deoarece WordPress are încă caracteristici utile care vă pot ajuta în mod corect și adăugați cu acuratețe stylesheets.

Să ne uităm la câteva modalități prin care acest lucru poate fi făcut.

1. Înregistrare CSS-files

Dacă intenționați să încărcați foi de stil în cascadă, pentru început trebuie să le înregistrați cu ajutorul funcției wp_register_style ():

Aici este un exemplu cu ajutorul funcției de înregistrare wp_register_style ():

2. Adăugarea unui CSS-fișier la rândul său,

După înregistrarea fișierului stilul pe care trebuie să-l pună în linie pentru a porni în temă.

Acest lucru este realizat prin funcția wp_enqueue_style ():







Parametrii săi sunt exact aceiași parametri funcția wp_register_style (). astfel încât nu este nevoie să le menționăm din nou.

Dar, după cum sa menționat deja, înregistrarea, nu este necesară funcția și anume wp_register_style (). Este demn de remarcat faptul că wp_enqueue_style () poate fi utilizat în două moduri diferite:

Dar nu uitați că, dacă pluginului va trebui să găsească o foaie de stil, sau pe care doriți să-l descărcați-vă în subiectul, atunci, desigur, nici o înregistrare este indispensabilă.

3. Stiluri de încărcare pe site

Nu putem folosi wp_enqueue_style () utilizat peste tot în funcția noastră temă ar trebui să folosim „acțiune“. Următoarele trei pași pot contribui la atingerea diferitelor obiective:

  • wp_enqueue_scripts - pentru script-uri de încărcare și stiluri în «front-end» a site-ului;
  • admin_enqueue_scripts - pentru script-uri de încărcare și stiluri pe aceeași pagină sau în panoul administrativ al site-ului;
  • login_enqueue_scripts - pentru a descărca script-ul și stilul pentru pagina de conectare de pe site.

caracteristici suplimentare

Există încă unele caracteristici foarte utile pentru CSS pentru WordPress, care vă permite să imprimați stiluri inline, verifica starea cozii de fișiere, adăuga metadate pentru fișierele de stiluri și stiluri izbitoare din listă.

Să aruncăm o privire mai atentă.

1. Adăugarea de stiluri construite: wp_add_inline_style ()

Dacă utilizați WordPress temă pentru a avea opțiuni pentru a personaliza stilurile tematice, puteți imprima utilizând funcția built-in stiluri wp_add_inline_style ():

Acest proces este destul de ușor și nu ia mult timp. Dar, amintiți-vă că trebuie să adăugați toate următoarele stiluri încorporate cu același nume.

2. Verificați starea stiluri de masă coadă: wp_style_is ()

În unele cazuri, poate fi necesar să cunoaștem starea stilului: dacă este înregistrată, fie în linie, imprimate sau este în așteptare pentru a imprima. Aceste informații pot fi verificate cu ajutorul funcției wp_style_is ():

3. Adăugați metadate în stiluri: wp_style_add_data ()

Iată cum arată:

4. Eliminarea de stiluri din lista folosind wp_deregister_style ()

Dacă aveți nevoie pentru a șterge un stil de tabel (de exemplu, pentru al înregistra cu o versiune actualizată), puteți face acest lucru folosind wp_deregister_style ().

Deși nu este o necesitate, dar înregistrează întotdeauna un stil nou, atunci când trece orice listă veche. În caz contrar, aceasta poate provoca o defecțiune.

Există o funcție similară wp_dequeue_style (). care îndepărtează foaia de stil din coada de nume.

concluzie

Pentru a rezuma toate cele de mai sus.

Sursa: code.tutsplus.com

Cuprinderea va comă în linia 9 la sfârșitul superfluă (materie Wordpress)
# „Screen #“, // tipul de suport CSS - aici este necesar să se elimine: # 'Screen #' // tip de suport CSS
Și mulțumesc pentru sfat, au ajutat och! Din moment ce îmi place!

Nu a fost gasit in articol de ce fel de modă veche este rău. Despre definiția „încărcate sau nu“ atât de des v-ați confruntat?

Pentru că cineva din plugin-ul ar putea dori să utilizeze sau să adăugați wp_add_inline_style dependente de script-ul sau DCS.







anterior ◈ următoarea