Come incorporare codice con numeri di riga in WordPress

April 20

evidenziatori sintassi aggiungere i numeri di testo e colorati per frammenti di codice incorporati nelle pagine Web. WordPress offre molti plugin gratuiti nella sua repository che evidenziare e numero di riga il codice si incorpora solo con un nome di classe aggiunto un paio di "<pre>" tag. Dal momento che un gran numero di plugin utilizzare lo stesso script jQuery come loro base, le stesse istruzioni si applicano alla maggior parte di loro. Dopo aver installato il plugin, tuttavia, si dovrebbe verificare la sua home page per eventuali istruzioni specifiche, caratteristiche extra o suggerimenti.

istruzione

1 Accedere a WordPress e andare a "Plugins". Selezionare "Aggiungi nuovo" dal sottomenu "Plugins" e digitare "sintassi evidenziatore" nella casella di ricerca. Scegliere un plugin, fare clic sul suo nome e installarlo sul tuo blog. Attivare il plugin dopo aver terminato l'installazione.

2 Vai a "Messaggi" e creare un nuovo post o di selezionare un post esistente da modificare. Incollare nel codice o scrivere nel post editor:

<P> Ciao, questo è un <strong> HTML </ strong> codice. </ P>

3 Trova ogni fascia sinistra HTML-angolato e convertirlo al codice di carattere speciale HTML per il simbolo minore. Ripetere questo passaggio per tutte le fasce di HTML ad angolo retto con il codice per il simbolo maggiore di:

<P> Ciao, questo è un <strong> HTML </ strong> codice. </ P>

4 Avvolgere il codice in "<pre>" tag. La maggior parte dei plug-evidenziatore utilizzano SyntaxHighlighter da Alex Gorbachev, che richiede il seguente codice:

<Pre class = "pennello: html"> </ pre>

Change "html" per il nome della lingua è necessario mettere in evidenza, come "css" per il codice del foglio di stile o di "js" per JavaScript. Questa classe speciale trasforma il evidenziatore su e dice che come colorare il codice incorporato.

Consigli e avvertenze

  • Ottenere le istruzioni per il vostro specifico plug-evidenziatore andando alla sua pagina di configurazione in "Impostazioni" o cliccando su "sito plug-in Visita" sullo schermo Plugin.
  • Se non si convertono le staffe HTML per codici di caratteri speciali, quindi il browser tratterà i tag HTML nel codice incorporato come parte della programmazione vera e propria della pagina Web.