Gestisci un blog di sviluppo in cui desideri condividere frammenti di codice? Per impostazione predefinita, mostrare i codici sul tuo sito WordPress non è facile. Per motivi di sicurezza, WordPress filtra qualsiasi codice aggiunto in post, widget o commenti. Spesso ci viene chiesto quale plugin utilizziamo per visualizzare il codice sul nostro sito.
In questo tutorial, ti mostreremo come visualizzare facilmente il codice sul tuo sito WordPress. Devi prima installare e attivare il plugin Syntax Highlighter Evolved. Dopo l'attivazione, devi andare a " Impostazioni »Evidenziatore di sintassi» per configurare le impostazioni del plugin.
Le impostazioni di base del plugin dovrebbero funzionare sulla maggior parte dei siti web. Tuttavia, è necessario rivedere tutte le impostazioni e apportare modifiche se necessario. Ogni opzione ha una descrizione dettagliata per spiegare cosa fa. Al termine, fai clic sul pulsante Salva modifiche.
Syntax Highlighter Evolved utilizza semplici codici brevi per visualizzare un codice. Per ogni lingua, è necessario racchiudere il codice nello shortcode per quella lingua.
Per avvolgere il vostro codice PHP in questo modo:
[php] [/ php]
ApparirĂ nel tuo articolo in questo modo:
Per i CSS, si avvolge il vostro codice come questo:
[css] .entry-title {famiglia di caratteri: "Open Sans", arial, sans-serif; font-size: 16px; colore: #272727; } [/ css]
ApparirĂ sul tuo sito in questo modo:
.entry-title {font-family: "Open Sans", Arial, sans-serif; font-size: 16px; colore: #272727; }
Syntax Highlighter evidenzierĂ automaticamente il codice nella lingua specifica. AggiungerĂ anche una riga di numeri e gestirĂ correttamente la scheda di rientro. I tuoi utenti saranno in grado di copiare e incollare facilmente gli snippet sul tuo sito WordPress.
Come visualizzare il codice su WordPress senza utilizzare il plugin
Molti blogger non gestiscono un blog di sviluppo, quindi non devono aggiungere molto spesso frammenti di esempio ai loro post. In rare occasioni, puoi aggiungere codice codificando in HTML; così:
>?php echo "Ciao mondo"; ?
Il problema con la conversione del codice in HTML è che è difficile farlo manualmente. Puoi usare outils online in questo modo, per convertire il codice in HTML.
Convertendo PHP, HTML, codice JavaScript in HTML, puoi incollarli nei tuoi post WordPress. Per uno stile aggiuntivo, puoi racchiudere il codice tra et .
Speriamo che questo articolo ti abbia permesso di pubblicare del codice su WordPress.
Se hai commenti o suggerimenti, faccelo sapere nella sezione dedicata.
