Come visualizzare il codice a WordPress Messaggi

April 10

Come visualizzare il codice a WordPress Messaggi


Code-sharing, tutoriali e ricette blog sono molto popolari nella comunità di programmazione on-line. La maggior parte dei programmatori stessi insegnano almeno un linguaggio di programmazione, e la libera condivisione di tecniche e idee mantiene tecnologie in crescita. Il problema è come visualizzare il codice in una pagina Web, perché i server Web e browser tenterà di eseguire qualsiasi codice in un file HTML o PHP. Questo problema riguarda WordPress come bene, ma si può aggirare l'ostacolo utilizzando un paio di metodi diversi.

istruzione

1 Avvolgere frammenti di codice nel tag <code> per visualizzare il testo in un font a spaziatura fissa. Utilizzando la <code>, si può anche cambiare lo stile del testo del codice usando i CSS nel file "style.css". Sostituire i caratteri speciali come parentesi freccia sinistra e destra con codici entità carattere per evitare WordPress di eseguire il codice. Ecco un esempio:

<Code>

<H1 & rt; Questo è un H1 HTML titolo </ & RT;

</ Code>

Questo codice viene visualizzato nel tuo post in questo modo:

<H1> Questo è un H1 HTML titolo </ h1>

2 Utilizzare <pre> anziché <code> per visualizzare il codice con tutte le interruzioni di riga e gli spazi intatti. Con i tag <pre>, non è necessario utilizzare i codici di entità di carattere, ma si ha bisogno di stare attenti a come si digita il tuo codice. Lungo le linee di codice potrebbe rompere il vostro disegno. Ecco un esempio:

<Pre>

<H1> Questo è un HTML

Titolo </ h1>

</ Pre>

Il codice di cui sopra Risulterà:

<H1> Questo è un HTML

titolo </ h1>

3 Installare un plug-in per visualizzare grandi frammenti di codice. Queste linee plug-in numero, codice colore, alternare il colore di sfondo per ogni linea e applicare impacchi di parola. Accedere al cruscotto di WordPress, vai a "Plugins" e fare clic su "Aggiungi nuovo". Cerca "codice" e guardare attraverso i molti plug-in che consentono di visualizzare il codice. Installare quello che si desidera utilizzare, attivarlo e poi seguire le istruzioni per incollare il codice nel tuo post. La maggior parte di questi plug-in utilizza i codici brevi che si può avvolgere intorno al testo come HTML.

Consigli e avvertenze

  • Utilizzare il sito Pastebin.com per incollare grandi blocchi di codice, e quindi collegare al codice che si è creato. Questa opzione è utile per i blogger che non hanno bisogno di incollare il codice in posti spesso o la necessità di condividere e il debug del codice con altri programmatori.