salta alla navigazione

I fantastici quicktags di Wordpress! Creiamoli! Giugno 24, 2008

(5 votes, average: 3.4 out of 5)

Loading ...

Inviato da Carlos in : Computer e Web, Varie, Wordpress , trackback

Una delle cose più noiose dell’avere un blog con wordpress è la ripetitività di alcuni spezzoni di codice che ci fanno perdere un’infinità di tempo nello scriverli durante la creazione di un post. Per fortuna però esiste un metodo che ci permette di risparmiare il tempo che impieghiamo per inserire queste “fette” di codice nei nostri post; questo metodo riguarda la creazione di nuovi quicktags.

Ma cosa sono i quicktags?? Eccoli qua:

Sostanzialmente sono quei tag che usiamo spesso per la formattazione del testo. Tuttavia possono risultare utili anche per altri compiti più noiosi. Ad esempio se come me avete bisogno di centrare un’immagine del post utilizzando il codice di apertura:

e il codice di chiusura:

allora continuate a leggere .

I quicktags sono gestiti da un file che si chiama per l’appunto quicktags.js e lo trovate nella vostra installazione di wordpress nella cartella: /wp-includes/js.

Per aggiungere nuovi quicktags, copiate il file originale (nel caso ci fossero problemi durante la modifica) e apritelo con un qualsiasi editor di testo; il Notepad di Windows va più che bene.

Cercate il seguente codice:

Dopo averlo trovato, copiate il codice contenuto tra /* e */ ed incollatelo subito prima di questo codice.

Adesso analiziamo un attimo queste righe di codice:

la prima riga deve essere lasciata intatta,
nella seconda riga al posto di ed_next, dovete inserire un nome per il quicktag che state creando,
nella terza riga invece al posto di page, dovete inserire l’etichetta del quicktag (per capirci il nome che apparirà scritto sopra al bottone),
nella quarta riga invece dovete proprio inserire il codice di apertura del vostro tag al posto di ; nel mio caso il codice da inserire è:
nella quinta riga dovete inserire il tag di chiusura che nel mio caso è:
nella sesta riga invece potete inserire una lettera che premuta in combinazione con il tasto Alt della tastiera vi fornirà una scorciatoia per velocizzare ancora di più l’inserimento del tag,
la settima ed ottava riga devono essere lasciate intatte.

Ecco quindi come si presenta il mio codice nella sua interezza:

Nuovo quicktag Wordpress

Una volta creato ed inserito il nuovo quicktag, fate l’upload del nuovo quicktags.js tramite ftp e testate se tutto funziona; è probabile che dobbiate svuotare la cache per vedere immediatamente le modifiche apportate e quindi il nuovo bottone. Inutile dire che per fare i test dovete andare a scrivere un articolo o una pagina. Ricordate inoltre che questo sistema non funzionerà se utilizzate l’editor visuale (editor avanzato modificabile nelle impostazioni del vostro profilo).

Se tutto funziona, vi dovrebbe apparire un bottone come questo in aggiunta a quelli che avete già:

Bottone del quicktag

Se fate 1 click sopra questo, ecco come si presenta il bottone e cosa viene inserito nell’area del contenuto:

Inserimento primo tag
Il primo click corrisponde all’inserimento del tag di apertura

Cliccando una seconda volta il bottone, come potrete immaginare, si chiude il tag con l’aggiunta del codice:

Evidenziando invece parte di testo presente nell’area del contenuto e facendo click sul nostro quicktag, vengono inseriti automaticamente il tag di apertura (all’inizio della selezione) e il tag di chiusura (alla fine della selezione); quindi è tutto perfetto dato che il nuovo bottone si comporta esattamente come gli altri presenti di default.

Considerazioni finali

Questo metodo dimostra la sua forza quando si ha da inserire molto codice ogni volta che scriviamo un post. Come esempio supponiamo che vogliate inserire alla fine di ogni post delle informazioni biografiche sul vostro conto; potreste pensare bene di preparare il codice necessario, salvarlo in un file e fare copia e incolla ogni volta che ne avete bisogno. Mi sembra un po’ noiso come metodo.

La cosa migliore da fare è quindi creare un nuovo quicktag lasciando vuoti i campi che non ci interessano. In questo caso vanno riempite come sempre la seconda riga (nome bottone), la terza (etichetta bottone) e la quarta (codice da inserire), le altre vanno lasciate vuote. Ecco un esempio di quicktag di questo tipo:

Quicktag con spezzone di codice

Al posto di tutto il codice che volete inserite davvero il codice che volete, basterà fare click sul nuovo bottone creato per inserirlo tutto nel testo del post. Basterà un solo click perché quest’ultimo quicktag non rappresenta un classico tag con apertura e chiusura, bensì rappresenta un vero e proprio spezzone di codice.

Spero che vi divertirete a creare nuovi quicktag !