Come formattare codice sorgente per i post su Wordpress

December 15

Come formattare codice sorgente per i post su Wordpress


Modifica in modalità HTML quando si desidera aggiungere il codice sorgente di un post sul blog in WordPress. Aggiunta di esempi di codice sorgente richiede un cambiamento di tag HTML che mantiene i browser da rendendoli come codice. Per fare questo, cambiare le staffe che circondano i tag HTML per i codici di caratteri speciali - codici brevi che consentono di aggiungere caratteri e simboli aggiuntivi alle pagine Web. Codice di formattazione tag come "<code>" e "<pre>" può anche rendere il vostro codice sorgente appaiono nei tuoi messaggi come previsto.

istruzione

1 Fare clic sulla scheda "HTML" nella parte superiore della casella di modifica sullo schermo "Modifica Messaggio". Individuare la posizione all'interno del contenuto del post in cui si desidera inserire il codice sorgente e iniziare una nuova linea di lì.

2 Digita il codice come si desidera che appaia all'interno del post:

<H1> Codice di esempio </ h1>

Sostituire le parentesi circondano ogni tag HTML con i relativi codici di caratteri speciali corrispondenti:

<H1> Codice di esempio </ h1>

Si noti che il codice di carattere speciale per la staffa di inizio è "<" che sta per "inferiore". La staffa finale è ">" o "superiore".

3 Avvolgete il vostro codice di esempio sorgente in "<pre>" tag per preservare lo spazio bianco del codice, ad esempio rientranze e interruzioni di riga:

<Pre> var x;

x = 5; </ pre>

Non avviare il codice di esempio in una nuova riga subito dopo "<pre>," perché questo provoca una riga vuota per apparire nel post. Dal momento che "<pre>" non fa parte del codice sorgente, non convertire le parentesi dei "<pre>" tag per codici di caratteri speciali.

4 Avvolgere il codice sorgente e "<pre>" tag con "<code>" tag per formattare il codice in un font a spaziatura fissa:

<Code> <pre> var x;

x = 5; </ pre> </ code>

Consigli e avvertenze

  • Acconciare i vostri esempi di codice sorgente per la scrittura di codice CSS che gli obiettivi del "<code>" e "<pre>" tag: "pre {color: # 00FF00; background-color: #eeeeee;}".
  • Installare un plugin evidenziazione della sintassi e seguire le istruzioni per la formattazione del codice. Sarà ancora necessario modificare in modalità HTML nella maggior parte delle situazioni, ma evidenziatori di sintassi sono dotati di codifica a colori speciali e stili di linea numerazione.