BigThink

Inserire blocchi di codice in WordPress evidenziando la sintassi

Evidenziare la sintassi

Se gestite un blog simile al mio in cui trattate di programmazione o di sviluppo web, potreste aver bisogno di inserire dei segmenti di codice nei vostri post e magari anche la possibilità di evidenziare la sintassi come sul vostro editor preferito.

A meno che non vogliate mettervi a colorare a mano ogni singola parola, la soluzione è un ottimo plugin per WordPress: WP-Syntax. Grazie ad esso, potrete definire il linguaggio del blocco di codice e, in base a questo, la sintassi verrà evidenziata.

Il plugin supporta i linguaggi più usati: php, asp, css, html4strict, javascript, java, sql, xml, c, ruby, python… e moltissimi altri. Inoltre, c’è anche la possibilità di abilitare il conteggio delle righe, a lato del codice.

Rimane ancora un problema. Se scrivete ad esempio codice html e volete che non venga interpretato da WordPress, ma mostrato così com’è, occorrerà fare l’escape manuale di tutti i caratteri speciali come <, >, & e . Ma anche qui vi vengo incontro con la soluzione.

Ho trovato un articolo che spiega in modo preciso come creare un nuovo pulsante per la barra degli strumenti dell’editor di WordPress, in modo da aggiungere la funzionalità che ci serve. Cliccando su questo pulsante dopo aver selezionato il nostro codice, verrà effettuato l’escape al volo e verrà rinchiuso coi tag <pre>, necessari al funzionamento del plugin, permettendoci di specificare anche il linguaggio.

Seguite le indicazioni di quell’articolo, tenendo solo presente che c’è un piccolo errore nello script: l’autore lo ha impostato in modo che sostituisca le virgolette e le codifichi con &qout; ma la codifica corretta è &quot;. Attenti solo a questo e per il resto è perfetto.

Buon blogging!

Articolo scritto da Ghido

Fondatore di BigThink.it, si occupa dello sviluppo e del coordinamento dei progetti tecnologici. Specializzato nel Marketing su Facebook e nello sviluppo di Applicazioni Social, fa consulenza e formazione ad aziende ed agenzie.

Leggi anche...

WordPress: ottimizzare AdSense sui vecchi post del vostro blog

WordPress: ottimizzare AdSense sui vecchi post del vostro blog

Ottimizzare AdSense sul vostro blog è un'operazione che andrebbe fatta spesso: provare nuovi formati, variarne la posizione, aggiungerne di nuovi o rimuoverli... Tutto ciò vi permette di studiare la configurazione migliore, che vi rende di più. Esistono tantissimi plugin WordPress per inserire gli AdSense nelle pagine del vostro blog e non starò qui ad ...
Plugins per creare un portale con Wordpress

Plugins per creare un portale con WordPress

Ultimamente ho scoperto le potenzialità di quel fantastico CMS che è Wordpress. Molti usano questa piattaforma per il proprio blog (come questo sito), ma non tutti sanno che può essere adatto per normali siti o addirittura per realizzare in poco tempo portali ben strutturati. Perchè creare un sito da zero, scrivendo da capo ...
Plugin WP: inserire un testo predefinito alla fine dei post

Plugin WP: inserire un testo predefinito alla fine dei post

Dopo aver scritto WordPress trick: inserire un testo predefinito alla fine dei post, alcuni mi hanno chiesto se potevo rilasciare un plugin che implementasse quel trick, e allora eccovi accontentati. Con Add2post potete inserire un testo a vostra scelta, in fondo a tutti i post di una determinata categoria o di un autore selezionato. ...
Un aiuto ad Akismet: un plugin WordPress per bloccare gli IP

Un aiuto ad Akismet: un plugin WordPress per bloccare gli IP

Continuiamo con la miniserie di Camu: dopo l'introduzione al file .htaccess, andiamo a creare il plugin che lo modificherà. Nella serie precedente abbiamo visto quale  sia il meccanismo su cui si basano i plug-in: i ganci. Associati alle azioni che avvengono in WordPress, ad essi possono essere attaccate funzioni personalizzate che fanno ciò ...
Facebook Connect: collegare Facebook e WordPress!

Facebook Connect: collegare Facebook e WordPress!

Pochi giorni fa Facebook ha annunciato la disponibilità pubblica di Facebook Connect, nuovo servizio per il sito di social networking, già presentato a Luglio scorso e svelato a Maggio, che permette agli utenti di utilizzare il proprio profilo Facebook su altri siti in tutto il Web. Una sorta di OpenID. Subito mi sono fiondato ...

5 Commenti

  1. Grazie Daniele..!!

    10 maggio 2011, 00:38
  2. oh, finalmente quello che cercavo, dovevo inserire del codice c++ nel mio blog, ma faceva un po’ pena nella visualizzazione classica, grazie mille!!!

    15 dicembre 2010, 00:31

3 Citazioni