inserire javascript e css in wordpress

Per poter inserire del codice javascript o css in un sito wordpress è possibile farlo inserendo qualche stringa di codice nel file functions.php del tema predefinito, vediamo come.

Andiamo nel pannello di Amministrazione di WordPress e selezioniamo Aspetto->Editor del tema come in figura:

Da qui selezioniamo dalla colonna di destra il file functions.php, scorriamo fino in fondo ed inseriamo uno dei seguenti script aggiungendo il codice desiderato e infine salvare:

Esempio di inserimento codice javascript nella HEAD del tema:

function wpspecial_script_header() {
	?>
		<script>
		  // Inserisci qui il tuo codice javascript
		</script>
	<?php
}
add_action('wp_head', 'wpspecial_script_header');

Esempio di inserimento codice javascript nel FOOTER del tema:

function wpspecial_script_footer() {
	?>
		<script>
		  // Inserisci qui il tuo codice javascript
		</script>
	<?php
}
add_action('wp_footer', 'wpspecial_script_footer');

Esempio di inserimento codice javascript in una pagina specifica:

function wpspecial_script_header_pagina() {
	if (is_page('125')) { // Inserisci l'ID della pagina
	?>
		<script>
		  // Inserisci qui il tuo codice javascript
		</script>
	<?php
	}
}
add_action('wp_head', 'wpspecial_script_header_pagina');

Esempio di caricamento script e css esterni:

//caricamento foglio di stile esterno
function addThemeCss() {
   wp_enqueue_style( 'new-style', get_stylesheet_directory_uri() . '/gdpr/css/cookieconsent.css', array(), '', 'all' );
}
add_action( 'wp_enqueue_scripts', 'addThemeCss' );

//caricamento di file javascript
function addThemeJs() {
   wp_enqueue_script( 'new-script', get_stylesheet_directory_uri() . '/gdpr/js/cookieconsent.min.js', array(), '', true );
}
add_action( 'wp_enqueue_scripts', 'addThemeJs' );

//caricamento di file javascript
function addThemeJs2() {
   wp_enqueue_script( 'new-script2', get_stylesheet_directory_uri() . '/gdpr/js/setting.js', array(), '', true );
}
add_action( 'wp_enqueue_scripts', 'addThemeJs2' );