<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>carlosweb.net - Tutorial Photoshop, Grafica, Computer &#187; Wordpress</title>
	<atom:link href="http://www.carlosweb.net/category/computer-e-web/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.carlosweb.net</link>
	<description>Something Cood...</description>
	<lastBuildDate>Sat, 21 Nov 2009 13:08:29 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>I fantastici quicktags di Wordpress! Creiamoli!</title>
		<link>http://www.carlosweb.net/2008/06/24/i-fantastici-quicktags-di-wordpress-creiamoli/</link>
		<comments>http://www.carlosweb.net/2008/06/24/i-fantastici-quicktags-di-wordpress-creiamoli/#comments</comments>
		<pubDate>Tue, 24 Jun 2008 08:44:52 +0000</pubDate>
		<dc:creator>Carlos</dc:creator>
				<category><![CDATA[Computer e Web]]></category>
		<category><![CDATA[Varie]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[quicktags]]></category>
		<category><![CDATA[tag]]></category>
		<category><![CDATA[trucchi]]></category>

		<guid isPermaLink="false">http://www.carlosweb.net/?p=880</guid>
		<description><![CDATA[Una delle cose più noiose dell&#8217;avere un blog con wordpress è la ripetitività di alcuni spezzoni di codice che ci fanno perdere un&#8217;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 &#8220;fette&#8221; di codice nei [...]]]></description>
			<content:encoded><![CDATA[<p><strong>U</strong>na delle cose più noiose dell&#8217;avere un blog con wordpress è la ripetitività di alcuni spezzoni di codice che ci fanno perdere un&#8217;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 &#8220;fette&#8221; di codice nei nostri post; questo metodo riguarda la creazione di nuovi <span class="testo-evidenziato">quicktags</span>.</p>
<p>Ma cosa sono i quicktags?? Eccoli qua:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/00-duplicate230608.jpg" alt="" title="Wordpress quicktags" class="alignnone size-full wp-image-883" /></p>
<p>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&#8217;immagine del post utilizzando il codice di apertura:</p>
<p class="codice">&#60;p align=&#34;center&#34;&#62;</p>
<p>e il codice di chiusura:</p>
<p class="codice">&#60;/p&#62;</p>
<p>allora continuate a leggere <img src='http://www.carlosweb.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  .</p>
<p>I quicktags sono gestiti da un file che si chiama per l&#8217;appunto <span class="testo-evidenziato">quicktags.js</span> e lo trovate nella vostra installazione di wordpress nella cartella: <span class="testo-evidenziato">/wp-includes/js</span>.</p>
<p>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 <span class="testo-evidenziato">Notepad di Windows</span> va più che bene.</p>
<p>Cercate il seguente codice:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/01-code230608.jpg" alt="" title="Codice quicktag Wordpress" class="alignnone size-full wp-image-884" /></p>
<p>Dopo averlo trovato, copiate il codice contenuto tra <span class="testo-evidenziato">/*</span> e <span class="testo-evidenziato">*/</span> ed incollatelo subito prima di questo codice.</p>
<p>Adesso analiziamo un attimo queste righe di codice:<br />
<span id="more-880"></span>
<ul class="lista-ok">
<li>la prima riga deve essere lasciata intatta,</li>
<li>nella seconda riga al posto di <span class="testo-evidenziato">ed_next</span>, dovete inserire un nome per il quicktag che state creando,</li>
<li>nella terza riga invece al posto di <span class="testo-evidenziato">page</span>, dovete inserire l&#8217;etichetta del quicktag (per capirci il nome che apparirà scritto sopra al bottone),</li>
<li>nella quarta riga invece dovete proprio inserire il <span class="testo-evidenziato">codice di apertura del vostro tag</span> al posto di <img src="http://www.carlosweb.net/wp-content/uploads/2008/06/02-nextp230608.jpg" alt="" title="Modificare codice" class="alignnone size-full wp-image-886" />; nel mio caso il codice da inserire è:
<p class="codice">&#60;p align=&#34;center&#34;&#62;</p>
</li>
<li>nella quinta riga dovete inserire il <span class="testo-evidenziato">tag di chiusura</span> che nel mio caso è:
<p class="codice">&#60;/p&#62;</p>
</li>
<li>nella sesta riga invece potete inserire una lettera che premuta in combinazione con il tasto <span class="testo-evidenziato">Alt</span> della tastiera vi fornirà una scorciatoia per velocizzare ancora di più l&#8217;inserimento del tag,</li>
<li>la settima ed ottava riga devono essere lasciate intatte.</li>
</ul>
<p>Ecco quindi come si presenta il mio codice nella sua interezza:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/03-endcode230608.jpg" alt="Nuovo quicktag Wordpress" title="Codice finale" class="alignnone size-full wp-image-887" /></p>
<p>Una volta creato ed inserito il nuovo quicktag, fate <span class="testo-evidenziato">l&#8217;upload del nuovo quicktags.js</span> 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 <span class="testo-evidenziato">non funzionerà se utilizzate l&#8217;editor visuale</span> (editor avanzato modificabile nelle impostazioni del vostro profilo).</p>
<p>Se tutto funziona, vi dovrebbe apparire un bottone come questo in aggiunta a quelli che avete già:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/04-button230608.jpg" alt="Bottone del quicktag" title="Nuovo quicktag" class="alignnone size-full wp-image-888" /></p>
<p>Se fate 1 click sopra questo, ecco come si presenta il bottone e cosa viene inserito nell&#8217;area del contenuto:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/05-button1stclick230608.jpg" alt="Inserimento primo tag" title="Bottone al primo click" class="alignnone size-full wp-image-889" /><br />
<em>Il primo click corrisponde all&#8217;inserimento del tag di apertura</em></p>
<p>Cliccando una seconda volta il bottone, come potrete immaginare, si chiude il tag con l&#8217;aggiunta del codice:</p>
<p class="codice">&#60;/p&#62;</p>
<p>Evidenziando invece parte di testo presente nell&#8217;area del contenuto e facendo click sul nostro quicktag, vengono inseriti automaticamente il tag di apertura (all&#8217;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.</p>
<h1>Considerazioni finali</h1>
<p>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&#8217; noiso come metodo.</p>
<p>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 (<span class="testo-evidenziato">nome bottone</span>), la terza (<span class="testo-evidenziato">etichetta bottone</span>) e la quarta (<span class="testo-evidenziato">codice da inserire</span>), le altre vanno lasciate vuote. Ecco un esempio di quicktag di questo tipo:</p>
<p align="center"><img src="http://www.carlosweb.net/wp-content/uploads/2008/06/06-genquick230608.jpg" alt="Quicktag con spezzone di codice" title="Quicktag generico" class="alignnone size-full wp-image-890" /></p>
<p>Al posto di <span class="testo-evidenziato">tutto il codice che volete</span> 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&#8217;ultimo quicktag non rappresenta un classico tag con apertura e chiusura, bensì rappresenta un vero e proprio spezzone di codice.</p>
<p>Spero che vi divertirete a creare nuovi quicktag <img src='http://www.carlosweb.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  !</p>
<div class="technorati"><a href="http://technorati.com/tag/wordpress" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tag/wordpress');" rel="tag" class="techtag">wordpress</a> <a href="http://technorati.com/tag/quicktags" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tag/quicktags');" rel="tag" class="techtag">quicktags</a> <a href="http://technorati.com/tag/tag+wordpress" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tag/tag+wordpress');" rel="tag" class="techtag">tag+wordpress</a> <a href="http://technorati.com/tag/tips" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tag/tips');" rel="tag" class="techtag">tips</a> <a href="http://technorati.com/tag/trucchi+wordpress" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tag/trucchi+wordpress');" rel="tag" class="techtag">trucchi+wordpress</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.carlosweb.net/2008/06/24/i-fantastici-quicktags-di-wordpress-creiamoli/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
