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.

Scrivi anche tu articoli su YouFriend. Scopri come!

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.

Membri attivi di recente
Foto del profilo di Annina
Foto del profilo di Andrea
Foto del profilo di Eisenheim
Foto del profilo di Maurizio
Foto del profilo di Alessandra
Foto del profilo di Mara
Foto del profilo di Write for Money
Foto del profilo di Friendbot
Foto del profilo di Jole Figliomeni
Foto del profilo di Jennifer79
Foto del profilo di Carotina Editor
Foto del profilo di Gianky63
Foto del profilo di favola
Foto del profilo di youfriend.it
Foto del profilo di salvatore maltese
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Rilevato!!!

Sembra che tu stia utilizzando un ad blocker. Va bene. Chi non lo fa?

Ma senza entrate pubblicitarie, non possiamo continuare a rendere fantastico questo sito. Sul nostro network non ci sono banner invasivi o fastidiosi da compromettere la navigazione.

Disabilita Adblock su youfriend.it e supporta una navigazione internet per sempre gratuita.