Cum să încarci scripturi/stiluri specifice pentru o pagină

Totul depinde de dimensiunea personalizărilor tale și de modul în care îți organizezi lucrurile. Dar există două metode principale de a face acest lucru. functions.php și template files

Modul în care prefer să fac acest lucru este să înregistrez toate scripturile/stylesheet-urile în functions.php, astfel încât să știu cu ce voi lucra, dar voi încărca doar ceea ce am nevoie atunci când am nevoie.

Ai putea încărca toate lucrurile tale condițional în fișierul functions.php ( if( is_page( 'blah') { //... încarcă lucruri } ) sau ai putea folosi template files pentru a stiliza categorii/tag-uri/postări/pagini specifice etc.

Apoi, în acel fișier template, apelezi fișierele tale de script/stylesheet încărcate acolo. Asta face și un mod ordonat de a înțelege ce este încărcat unde.

Dar cu siguranță, dacă dorești să împărți stylesheet-ul tău în fișiere mai mici, va trebui să folosești

• wp_register_style
• wp_enqueue_style

Aceeași logică s-ar aplica și pentru scripturi cu funcțiile corespunzătoare de înregistrare/încărcare

De asemenea, ia în considerare numărul de cereri în strategia ta, dacă împărți lucrurile tale în mai multe fișiere, încearcă să menții numărul de fișiere încărcate scăzut, astfel încât să nu afectezi negativ timpul de încărcare al paginii în acest fel.

Există un alt lucru pe care îl poți face pentru a accelera încărcarea paginii. Dacă îi spui browserului să cache-uiască stylesheet-urile tale, atunci poate 1 (sau câteva) ar avea mai multe șanse să fie încărcate din cache decât dacă ai mai multe fișiere peste tot pe site-ul tău și acestea trebuie întotdeauna să fie preluate de pe server pentru că este o nouă cerere de fișier pe fiecare pagină nouă care este încărcată. Așa că ține cont și de asta.

Indiferent, cache-ul pentru 1 sau mai multe resurse este o abordare bună și va crește responsivitatea percepută a site-ului tău în ceea ce privește viteza site-ului.

Dacă ai nevoie de mai multe îndrumări despre cum să folosești aceste funcții, doar spune-ne.

EDIT

Principalele motive pentru înregistrarea scripturilor sunt următoarele

• Face mai ușor să apelezi un script/stylesheet când avem nevoie de el
• Face posibilă utilizarea unui script/stylesheet înregistrat ca o dependență pentru un fișier pe care trebuie să-l încărcăm.
• Ne previne să scriem același cod mai mult decât avem nevoie, simplificând eficient codul nostru
• Mai multe lucruri la care poate nu mă gândesc acum

NOTĂ

Un script/stylesheet care a fost înregistrat nu trebuie să fie încărcat dacă este listat ca un $deps al fișierului pe care îl încarci în prezent.

Un exemplu (nu neapărat cum ar trebui să faci, dar pentru a înțelege scopul)

Am înregistrat

• common-style.css
• navigation.css
• buttons.css

Acum aceste stylesheet-uri sunt înregistrate, așa că dacă merg pe o pagină specifică și vreau să aplic o stilizare diferită acolo. Încarc pe acea pagină (fie prin instrucțiune condițională în functions.php sau în template-ul paginii) specific-style.css astfel.

add_action( 'wp_enqueue_scripts', 'my_specific_style' );
function my_specific_style(){
  wp_enqueue_style( 'specific-style', get_stylesheet_directory_uri() . '/path/to/specific-style.css', array( 'common-style', 'navigation', 'button') );
}

Reține că array-ul din wp_enqueue_style este un array de handle-uri ale stylesheet-urilor deja înregistrate. WP va încărca convenabil toate cele 4 fișiere în ordinea corectă pentru a respecta dependența.

Ai putea înlănțui dependența prin simpla înregistrare a fiecărui script/stylesheet cu dependența corectă

adică buttons.css depinde de navigation.css care depinde de common-style.css

Dacă înregistrez cu această logică în minte, trebuie doar să încarc specific-style.css cu buttons.css ca dependență și WP va înlănțui încărcarea pentru a respecta ordinea.