Come aggiungere il codice dopo il tag del corpo in WordPress
Sul sito web, di solito è necessario inserire il codice dopo il tag body. Normalmente, questo è un codice JavaScript invisibile all’interno di un tag di script. Servizi esterni come Google Analytics, Google Tag Manager, Google Adsense, Facebook, ecc. forniscono uno script che deve essere aggiunto prima della chiusura del tag head e dopo l’apertura immediata dell’elemento body.
WordPress fornisce una wp_head()funzione che viene utilizzata per iniettare il codice prima di chiudere il tag head. Un’altra funzione fornita da WordPress è quella wp_footer()utilizzata per aggiungere codice prima della chiusura dell’elemento body (non dopo l’apertura del corpo). Finora, gli sviluppatori di WordPress utilizzano wp_footer() per iniettare codice nel tag body o aggiungere codice staticamente dopo l’apertura dell’elemento body. Ma entrambe queste opzioni non sono raccomandate.
L’aggiunta di codice in modo statico ha senso in base alle raccomandazioni dei servizi esterni. Ma questa tecnica ci impedirebbe di aggiornare un tema.
Fortunatamente, WordPress 5.2 introduce una nuova funzione chiamata wp_body_open(). Questa funzione attiva wp_body_openun’azione ed è utile per inserire il codice dopo l’apertura dell’elemento body. Detto questo, vediamo come iniettare il codice subito dopo aver aperto un body tag in WordPress.
Aggiungi codice dopo il tag del corpo in WordPress
Se stai utilizzando l’ultima versione di WordPress, dovresti aggiungere il wp_body_open()metodo accanto al tag body come mostrato di seguito.
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>Successivamente, puoi utilizzare l’azione wp_body_openper aggiungere il tuo codice al posto di wp_body_open(). In altre parole, puoi inserire il tuo codice subito dopo aver aperto il tag body. Puoi usare questa azione come segue:
add_action('wp_body_open', 'add_code_on_body_open');
function add_code_on_body_open() {
echo '<script>Your code here</script>';
}Questo è tutto! È così semplice. Questo codice funziona bene con la versione di WordPress >= 5.2. Se stai utilizzando una versione precedente di WordPress, puoi definire il wp_body_openmetodo come segue.
if (! function_exists( 'wp_body_open')) {
function wp_body_open() {
do_action( 'wp_body_open' );
}
}Ora aggiungi il metodo wp_body_open()dopo l’elemento body e usa l’azione come mostrato sopra.
Questo è un modo pulito ed efficiente per iniettare il codice dopo l’apertura del tag body. Incoraggio gli sviluppatori di WordPress a utilizzare questa tecnica sui loro siti web. Maggiori informazioni su questo aggiornamento nella documentazione.
articoli Correlati
- Integrazione di MailChimp in WordPress senza utilizzare un plugin
- Aggiunta di pulsanti immagine personalizzati con Media Uploader in WordPress
- Carica contenuto dinamico su Bootstrap Modal in WordPress