Anonim

Come affermato dalla principale comunità CMS, il 25% di Internet utilizza WordPress. Vedendo le tendenze, non abbiamo altra scelta che crederci, quasi ogni 2 ° blog e ogni 4 ° sito sembrano usare apparentemente il CMS più potente e facile da usare. In attesa di ciò, persone e sviluppatori hanno iniziato a spostare i loro siti sulla piattaforma WordPress.

In questo sforzo di trasformare il tuo sito Web dolce e semplice in un sito CMS complesso e ad alte prestazioni, le persone si bloccano su un passaggio molto semplice e pongono la domanda: Per l'amore, come posso ottenere questo file JavaScript (.js) esterno lavorando su questo tema WordPress? Anche tu sei quello che fa la stessa domanda? Bene amigos, sei finalmente nel posto giusto: sono qui per guidarti passo dopo passo nel modo più semplice possibile per raggiungere questo obiettivo!

Ora supponendo che tu abbia WordPress tutto installato e avviato con JS esterno pronto, mettiamoci nel compito di includere il file!

Nota: sto usando il seguente file (testrun.js) per questo tutorial e il tema su cui sto lavorando è WordPress Twenty Sixteen.

alert ( 'Ciao');

Cominciamo!

Tutti gli script e i fogli di stile sono caricati all'interno di Functions.php . Questo è il modo corretto di caricarli all'interno di WordPress in modo da evitare conflitti con altri script caricati dallo stesso WordPress o dai plugin utilizzati. Se lasci che WordPress gestisca tutti i file inclusi, devi fargli sapere che vuoi che questo file sia incluso nell'intestazione (inizio) o piè di pagina (fine) del file. Ogni template / tema ha le sue funzioni.php, quindi il nome esatto delle funzioni che include tutti i file da includere sarebbe difficile da generalizzare. Dal momento che sto prendendo ventisei sedici come tema, di seguito è riportata la fotografia di come le mie funzioni.php (usate per includere i file). Il tuo dovrebbe in qualche modo assomigliare a questo:

La funzione wp_enqueue_script collega un file di script alla pagina generata al momento giusto in base alle dipendenze dello script, se lo script non è già stato incluso e se tutte le dipendenze sono state registrate. È possibile collegare uno script con un handle precedentemente registrato utilizzando la funzione wp_register_script () o fornire a questa funzione tutti i parametri necessari per collegare uno script.

Wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) accetta i seguenti parametri:

$ maniglia

(stringa) (Obbligatorio) Nome dello script.

$ src

(string | bool) (Facoltativo) Percorso dello script dalla directory principale di WordPress. Esempio: "/js/myscript.js".

Valore predefinito: falso

$ dipendenze

(array) (Opzionale) Un array di handle registrati da cui dipende questo script.

Valore predefinito: array ()

$ ver

(string | bool) (Facoltativo) Stringa che specifica il numero di versione dello script, se presente. Questo parametro viene utilizzato per garantire che al client venga inviata la versione corretta indipendentemente dalla memorizzazione nella cache, pertanto dovrebbe essere inclusa se un numero di versione è disponibile e ha senso per lo script.

Valore predefinito: falso

$ in_footer

(bool) (Facoltativo) Indica se accodare lo script prima o prima . Predefinito "false". Accetta "falso" o "vero".

Valore predefinito: falso

È possibile ignorare la funzione wp_register_script () per questa esercitazione. Il nostro scopo è di includere solo un JS esterno. Dovrebbe funzionare bene senza di essa!

Pertanto, se voglio nominare il mio script come "test", ricorda che questo parametro ($ handle) NON è necessariamente il nome del file effettivo e che il mio file ha una dipendenza esterna da jquery e la versione è 1.0 e viene caricata prima che la pagina venga caricata quindi la mia funzione sarebbe simile a:

wp_enqueue_script ('tutorial', get_template_directory_uri (). '/js/testrun.js', array ('jquery'), '1.0', false);

Se noti, ho usato get_template_directory_uri (), quindi la stringa concatenata dopo la funzione, ovvero " /js/testrun.js " è in realtà il percorso del file e il file indice del modello .

Quindi il tuo attributo $ src, che è la fonte del tuo file js, diventa: get_template_directory_uri (). 'Path_to_js_wrt_index_of_template'.

Pertanto, la funzione.php finale appare come:

Resisti, abbiamo quasi finito! Basta salvarlo ora e premere Aggiorna sul tuo sito Web … dovresti vedere JS che funziona! Ecco il mio:

Poiché impostiamo l'opzione $ in_footer su false, lo script viene caricato prima del caricamento della pagina, ma dopo il caricamento di JQuery come è stato aggiunto come dipendenza!

E .. Voila! Ecco qua .. Hai incluso con successo un file JS personalizzato esterno nel tuo tema WP!

Buona programmazione !!

Riferimento: Enqueue Funzione: WordPress Codex

Qual è il modo migliore per aggiungere js esterni personalizzati in wordpress