In molti temi wordpress ci troviamo a dover risolvere questo problema: il tag span viene rimosso da TinyMCE, ribaltando il codice che abbiamo inserito in modalità “Testo”.

Per evitare che venga alterato in nostro html, e quindi che non vadano a buon fine le nostre modifiche, occorre integrare una nuova funzione nel tema che stiamo utilizzando. Questo tipo di modifica va apportata al file functions.php



Nota: Ovviamente, come sempre, ricordo che apportando modifiche al file functions, in caso di aggiornamenti futuri del tema, la modifica sarà sovrascritta e quindi eliminata. Per evitare questo, devi valutare la possibilità di creare un tema child.
Importante: qualora non avessi il tema child, esegui anche un backup del file, ti metterai al sicuro qualora ci fossero problemi ed errori.

Detto ciò, vediamo come disabilitare la rimozione del tag span. Integriamo la seguente funzione nel file functions.php:

add_filter('tiny_mce_before_init', 'tinymce_init');

function tinymce_init( $init ) {
 $init['extended_valid_elements'] .= ', span[style|id|nam|class|lang]';
 $init['verify_html'] = false;
 return $init;
 }

Buon lavoro!