La prima cosa da fare è installare un plugin adatto allo scopo. Scegliamo di installare il plugin Enlighter. https://wordpress.org/plugins/enlighter/

Finita l’installazione e attivato il plugin, quest’ultimo è già pronto ad essere utilizzato. Nella pagina di inserimento articolo, si può trovare l’icona con le due graffe nella barra degli strumenti ed è sufficiente farci clic per inserire la porzione di codice.

e inserire la porzione di codice sorgente da inserire nell’articolo.

a:hover, a:focus, a:active {
   color: #563d7c;
   background-color: rgba(121,82,179,0.1);
}
a:active {
   color: #563d7c!important;
   background-color: rgba(121,82,179,0.1) !important;
}

Anche se nel form di inserimento del contenuto dell’articolo, il blocco di codice viene visualizzato come un vero e proprio blocco a se stante, in realtà rimane modificale.