WordPress: Inserire codice html, php, css negli articoli del blog

1

In questo articolo scritto anni fa ero intento a suggerirvi diverse soluzione, tra cui dei plugin, per inserire codici html, php o css in un articolo wordpress, senza causare problemi lato visivo una volta pubblicato.

Oggi mi impegno nel modificarlo, poiché recentemente gli autori del famoso software hanno deciso di implementare la funzione direttamente nel core del nuovo Wordperss Gutemberg (v 5.0), così sarà possibile inserire parti di codice nelle pagine senza utilizzare ulteriori plugin.

Se avete aggiornato all’ultima versione, sicuramente avrete notato delle nette differenze con il suo nuovo e sgargiante editor di blocchi, il sistema infatti possiede molteplici funzioni tra le quali ciò che stiamo cercando. Ma andiamo a vedere subito come mettere e mostrare codici sorgente in wordpress.

Come inserire codici sorgente php e css in wordpress

A sinistra del block editor, cioè dove dovreste scrivere il testo dell’articolo, noterete apparire al passaggio del mouse l’icona Aggiungi Blocco (vedi figura)

Una volta cliccata si aprirà una finestrella contenente un menu e diverse opzioni tra cui Formattazione.

A questo punto avrete due soluzioni da scegliere, preformattato e codice. Con l’utilizzo di questi due nuovi blocchi potrete inserire senza difficoltà script, codici sorgente, in diversi linguaggi web, senza che le vostre pagine o articoli vengano compromessi.

Esempio di testo con Codice:

#header {
    background-color: #333333;
    background-image: url(https://www.youfriend.it/sfondo.jpg) ;
background-position: top center;
background-repeat: no-repeat;
}

Bene, ora sapete come mostrare codici e script in un articolo wordpress. Buon lavoro.

Ti è piaciuto questo articolo?

Clicca sulle stelle per votare!

Media voto 4 / 5. Voti: 1

Grazie per aver votato...

Seguici sui social!

  • Ottimo stavo cercando proprio un plugin per fare questo.. funziona tutto bene grazie

    Rispondi
Lascia un commento

La tua email non verrà resa pubblica.