Come visualizzare facilmente il codice sul tuo sito WordPress

Vuoi visualizzare il codice sul tuo sito WordPress? Per impostazione predefinita, WordPress esclude qualsiasi codice non elaborato aggiunto a post di blog, pagine, widget o commenti. In questo articolo, ti mostreremo come visualizzare facilmente il codice sul tuo sito WordPress.

Per prima cosa è necessario installare e attivare il plugin Syntax Highlighter Evolved. Per ulteriori dettagli, consulta la nostra guida passo passo su come installare un plug-in di WordPress.

Dopo l'attivazione, è necessario visitare Impostazioni »Sintassi Evidenziatore per configurare le impostazioni del plugin.

Le impostazioni del plug-in predefinito dovrebbero funzionare per la maggior parte dei siti web. Tuttavia, è necessario rivedere tutte le impostazioni e apportare le modifiche, se necessario.

Ogni opzione ha una descrizione dettagliata per spiegare cosa fa. Una volta terminato, è sufficiente fare clic sul pulsante Salva modifiche per memorizzare le impostazioni.

Sintassi Evidenziatore Evoluto utilizza semplici codici brevi per visualizzare il codice. Per ciascun linguaggio di programmazione è necessario inserire il codice nel codice funzione per quella lingua.

Per PHP si avvolgere il codice in questo modo:

[Php]
echo "Hello World";
?>
[/ Php]

Apparirà nel tuo post in questo modo:

Per CSS si avvolgerà il codice in questo modo:

[Css]
.entry-title
font-family: "Open Sans", arial, sans-serif;
font-size: 16px;
color: # 272727;

[/ Css]

Apparirà sul tuo sito in questo modo:

 .entry-title font-family: "Open Sans", arial, sans-serif; font-size: 16px; color: # 272727;  

Sintassi Evidenziatore evidenzierà automaticamente il codice per quella particolare lingua. Aggiungerà anche i numeri di riga e gestirà il rientro della tabulazione correttamente. I tuoi utenti potranno facilmente copiare e incollare snippet di codice dal tuo sito WordPress.

Come visualizzare il codice in WordPress senza utilizzare il plugin

Molti blogger non gestiscono un blog di sviluppo, quindi non è necessario aggiungere frammenti di codice di esempio nei loro post molto spesso. Per rare occasioni, puoi aggiungere codice codificando il codice in entità HTML. Come questo:

>? php echo "Hello World"; ?<

Il problema con la conversione del codice in entità HTML è che è difficile farlo manualmente. È possibile utilizzare strumenti online come questo, per convertire il codice in entità HTML.

Convertendo il codice PHP, HTML, JavaScript in entità HTML, puoi incollarli nei tuoi post WordPress. Per uno stile aggiuntivo puoi inserire il codice tra e tag.

Speriamo che questo articolo ti abbia aiutato a trovare il miglior plug-in di evidenziatore della sintassi per WordPress. Potresti anche goderti il ​​nostro articolo su 13 plugin e suggerimenti per migliorare l'area amministrativa di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.