WordPress è uno strumento utile per i programmatori che vogliono avviare un'attività in proprio blog di sviluppo Web. È possibile ottenere un sito WordPress in pochi minuti e iniziare a postare subito, ma l'authoring di un frammento di codice prende un po 'di lavoro extra. Come in qualsiasi pagina Web, è necessario rimuovere le staffe HTML per mantenere i tag nei tuoi snippet dal rendering in formato HTML. L'aggiunta di "<code>" tag consente di testo monospazio, e l'utilizzo di "<pre>" tag mantiene il codice di visualizzare in una lunga fila. Quando si lavora in WordPress, è anche possibile installare un plug-in per evidenziare e numero di riga tuoi frammenti.

istruzione

1 Vai a "Messaggi" e cliccare su "Add New" o selezionare un messaggio da modificare facendo clic sul suo titolo. Fare clic sulla scheda "HTML" per modificare il tuo post in modalità HTML.

2 Scrivi il frammento di codice nella posta o copiarlo da un'altra fonte e incollarlo in. Sostituire ogni istanza di "<" con il codice di carattere speciale HTML "<" (senza virgolette). Usa il codice ">" per sostituire ogni istanza di ">" nel frammento. È necessario farlo per mantenere il browser di tentare di rendere il codice.

3 Avvolgere il frammento di codice in "<code>" tag e avvolgere il "<code>" tag "<pre>" tag:

<Pre> <code> <h2> Ciao, mondo! Si tratta di un frammento di intestazione H2. </ H2> </ code> </ pre>

Non posizionare il "<code>" tag su una nuova linea dopo "<pre>" perché il "<pre>" tag conservano interruzioni di riga, rientranze e altro spazio bianco nel codice.

4 Vai su "Plugins" ed installare un evidenziatore di sintassi dopo la pubblicazione il frammento di codice, se lo si desidera. piccole porzioni di codice guarderanno bene anche senza evidenziare, ma grandi frammenti diventare difficile da leggere. La ricerca di "sintassi evidenziatore" e scegliere un plug-in da installare. Dopo l'installazione, seguire le istruzioni per modificare il frammento di lavorare con l'evidenziatore. Comunemente, il plug-in vi istruirà per aggiungere una classe speciale per i "<pre>" tag:

<Pre class = "pennello: js">