Come caricare script/stili specifici per una pagina

Tutto dipende dall'ampiezza delle tue personalizzazioni e da come organizzerai il tuo materiale. Ma ci sono due modi principali per farlo: functions.php e template files.

Il modo che preferisco è registrare tutti i miei script/stili in functions.php così so con cosa lavorerò, ma metterò in coda solo ciò di cui ho bisogno quando ne ho bisogno.

Potresti mettere in coda tutto il tuo materiale in modo condizionale all'interno del file functions.php (if( is_page( 'blah') { //... enqueue stuff }) oppure potresti utilizzare i template file per stilare categorie/tag/post/pagina specifiche ecc.

Quindi, all'interno di quel template file, chiami i tuoi file script/stile enqueue lì. Questo rende anche più chiaro capire cosa viene caricato dove.

Ma sicuramente, se vuoi suddividere il tuo foglio di stile in file più piccoli, avrai bisogno di usare:

• wp_register_style
• wp_enqueue_style

La stessa logica si applicherebbe agli script con le corrispondenti funzioni register/enqueue.

Inoltre, tieni in considerazione il numero di richieste nella tua strategia: se suddividi il tuo materiale in più file, cerca di mantenere basso il numero di file caricati per non influire negativamente sul tempo di caricamento della pagina.

C'è un'altra cosa che puoi fare per velocizzare il caricamento della pagina. Se dici al browser di memorizzare nella cache i tuoi fogli di stile, allora magari 1 (o pochi) avrebbero più possibilità di essere caricati dalla cache rispetto ad avere più file sparsi per il tuo sito che devono sempre essere recuperati dal server perché è una nuova richiesta di file su ogni nuova pagina caricata. Quindi tieni presente anche questo.

In ogni caso, memorizzare nella cache 1 o più risorse è un buon approccio e aumenterà la reattività percepita del tuo sito in termini di velocità.

Se hai bisogno di ulteriori indicazioni su come utilizzare queste funzioni, faccelo sapere.

MODIFICA

I motivi principali per registrare gli script sono i seguenti:

• Rende più semplice chiamare uno script/stile quando ne abbiamo bisogno
• Consente di utilizzare uno script/stile registrato come dipendenza per un file che dobbiamo caricare
• Ci impedisce di scrivere lo stesso codice più volte del necessario, semplificando effettivamente il nostro codice
• Altre cose che al momento potrei non considerare

NOTA

Uno script/stile che è stato registrato non deve essere messo in coda se è elencato come $deps del file che stai attualmente mettendo in coda.

Un esempio (non necessariamente il modo in cui dovresti farlo, ma per farti capire lo scopo):

Ho registrato:

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

Ora questi stili sono registrati, quindi se vado su una pagina specifica e voglio applicare uno stile diverso lì, metto in coda su quella pagina (tramite istruzione condizionale in functions.php o nel mio page template) specific-style.css in questo modo:

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') );
}

Nota che l'array in wp_enqueue_style è un array degli handle degli stili già registrati. WP caricherà convenientemente tutti e 4 i file nell'ordine corretto per rispettare le dipendenze.

Potresti concatenare le dipendenze semplicemente registrando ogni script/stile con la dipendenza corretta.

Ad esempio: buttons.css dipende da navigation.css che dipende da common-style.css.

Se registro con questa logica in mente, ho solo bisogno di mettere in coda specific-style.css con buttons.css come dipendenza e WP collegherà il caricamento per rispettare l'ordine.