Cum de a conecta un tabel de stil css în WordPress, totul despre WordPress
Fără CSS vă sunt foarte limitate în modurile stilului paginilor web. Și fără o conexiune CSS în WordPress va complica foarte mult stilul de comanda pentru utilizatori. În acest ghid, vă va uita la modul de conectare CSS la WordPress.
WordPress - cel mai popular la sistemul de management moment de conținut, cu zeci sale de milioane de utilizatori din întreaga lume. De aceea, pentru a face o temă de succes, trebuie să luăm în considerare toate din perspectiva medie WordPress utilizator, conectarea inteligent CSS-fișiere în tema noastră.
mod greșit de a descărca CSS în WordPress
... sau adăugați un cod care este prezentat mai jos, în fișierul functions.php, gândindu-se mai bine:
În exemplele de mai sus, WordPress nu va fi în măsură să determine dacă descărcate CSS fișierele de pe pagina sau nu. Aceasta este o greșeală teribilă!
Dacă un alt plugin folosește același CSS-fișier, nu se poate verifica dacă CSS fișierul este deja pe pagina ta. Plugin-ul pur și simplu încărcați același fișier a doua oară, rezultând în cod duplicat.
Din fericire, WordPress oferă o soluție foarte simplă: de înregistrare și de conectare stylesheets.
Metoda de încărcare Valabil CSS în WordPress
Așa cum am spus mai devreme, sistemul de WordPress a crescut de-a lungul anilor, și trebuie să ne gândim la toți utilizatorii din lume.
În afară de aceasta, trebuie să luăm în considerare miile de plugin-uri pentru WordPress. Cu toate acestea, nu lasa intimidat aceste cifre: WordPress are caracteristici utile care ajută în mod corect descărcați CSS-stiluri.
Să ne uităm la ele.
Înregistrare CSS-files
Dacă doriți să încărcați masa de stil CSS, trebuie să le înregistreze mai întâi utilizând funcția wp_register_style ():
Aici este o funcție exemplu wp_register_style ():
Înregistrează-stiluri este parțial „opțional“ acțiune la WordPress. Dacă credeți că stilurile dvs. nu vor fi utilizate de către orice alt plug-in-uri, sau nu utilizați un cod care le face să re-boot, apoi, în acest caz, puteți conecta doar stiluri, fara inregistrare. Să vedem cum se face.
Conectarea unui CSS-fișier
După înregistrarea unui fișier de stil, trebuie să-l conectați (pus în aplicare), în scopul de a face gata pentru a fi încărcate în secțiunea head a temei.
Facem acest lucru cu ajutorul funcției wp_enqueue_style ():
exact aceiași parametri care au fost wp_register_style funcția (), deci nu vom repeta.
Cu toate acestea, după cum sa menționat deja, funcția wp_register_style () nu este necesar, astfel încât să puteți utiliza wp_enqueue_style () în două moduri diferite.
Rețineți că, în cazul în care pluginului va trebui să găsească foaia de stil, sau pe care doriți să-l descărcați în diferite părți ale tema, în acest caz, trebuie neapărat să-l înregistreze mai întâi.
Se încarcă stiluri pe site-ul dvs.
Nu putem folosi doar funcția wp_enqueue_style () în tema noastră - trebuie să ne întoarcem la acțiune. Există trei lucruri pe care le putem folosi pentru scopuri diferite:
- wp_enqueue_scripts - pentru script-uri de încărcare și stiluri în front-end a site-ului nostru
- admin_enqueue_scripts - pentru script-uri de încărcare și stiluri de pe paginile noastre panoul de administrare
- login_enqueue_scripts - pentru script-uri de încărcare și stiluri pe o pagină de conectare WordPress
Iată câteva exemple de aceste trei acțiuni:
Notă importantă: Utilizați wp_enqueue_scripts (), mai degrabă decât wp_print_styles (). Astfel, va fi capabil de a eluda posibilele probleme de compatibilitate cu WordPress 3.3.
Unele caracteristici suplimentare
Există unele caracteristici suplimentare foarte utile legate de CSS în WordPress. Ele ne permit să deducem stiluri, verificați fișierele stil de conectare, adăugați metadate la fișierele de stil, precum și a anula stilurile de înregistrare.
Să aruncăm o privire la ei.
Adăugarea de stiluri interne dinamice: wp_add_inline_style ()
În cazul în care tema dvs. are opțiuni pentru configurarea stilul, puteți utiliza stiluri inline folosind funcția wp_add_inline_style ():
Foarte simplu. Rețineți că trebuie să utilizați mânerul numele foii de stil plug-in în wp_add_inline_style () funcția.
Verificați conexiunea foii de stil: wp_style_is ()
În unele situații, poate fi necesar să verificați conexiunea foii de stil: dacă acesta este înregistrat, în cazul în care este conectat, indiferent dacă acesta este derivată sau de ieșire de așteptat? Care pot fi determinate prin utilizarea wp_style_is () funcție:
Adăugați metadate la tabelul de stil: wp_style_add_data ()
Iată cum arată:
Minunat, nu-i așa?
fișiere de stil UNREGISTER: wp_deregister_style ()
Dacă trebuie să anulați înregistrarea foii de stil (pentru a re-înregistreze cu o versiune modificată, de exemplu), puteți utiliza wp_deregister_style () funcția.
Să ne uităm la un exemplu:
Chiar dacă nu este necesar, dar trebuie întotdeauna re-înregistra o nouă foaie de stil, dacă anulați înregistrarea vechi - sau puteți rupe complet ceva.
Există, de asemenea, o funcție similară wp_dequeue_style (), care elimină stylesheets atașate.
Sunt interesat de problema.
Cu toate acestea, „unele site-uri de cale WP parțial ascunde“ va oferi două opțiuni.
Opțiunea (1):
link rel = tipul 'stylesheet' = 'text / css' media = 'toate' href = 'style.css'
link rel = 'stylesheet' type = 'text / css' media = 'toate' href = '/ css / style_reset.css'
Dacă o cunoașteți, v-ar dori să știe cum să-l pună în aplicare?
Cred că alți cititori vor fi, de asemenea, interesat să știe.
Nu este destul de sigur ce problema este.
Dacă nu mă dețin într-un CSS-fișier, luați în forma în care a fost livrat împreună cu tema, nu este ceva ce trebuie să editați. Validatoare poate raporta erori, este suficient să-l ignora. Sau a doua opțiune - tema dezvoltator abordat prost munca sa și nu stiluri prescrise suficient de calitate. Dar această regulă, în orice caz, nu se recomandă ca următoarea actualizare toate temele legate vor acoperi din nou și va apărea eroarea. Pentru că fie nu acorde atenție la ceea ce este dat în validatorului sau schimba subiectul la altul, de preferință din catalogul oficial al WordPress.