<?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>Planeta WordPress</title>
	<atom:link href="http://planetawordpress.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://planetawordpress.org</link>
	<description></description>
	<lastBuildDate>Fri, 12 Mar 2010 21:06:15 +0000</lastBuildDate>
	<generator>http://weblog.mx/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Obtener etiquetas de una cierta (o ciertas) categoría(s)</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/kSsn-H1ZAe4/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/kSsn-H1ZAe4/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 19:00:48 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[categorias]]></category>
		<category><![CDATA[etiquetas]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[Tags]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=3210</guid>
		<description><![CDATA[Si queremos, en algún espacio de nuestros templates (en los archivos, el índice, single.php&#8230;), proponer un conjunto de etiquetas que reúnan posts no sólo marcados con ellas, sino que pertenezcan a una misma categoría, tenemos aquí el código para conseguirlo.
Abriremos functions.php y pegaremos lo siguiente: (copiar y pegar)
A partir de aquí, en nuestro template (por [...]]]></description>
			<content:encoded><![CDATA[<p>Si queremos, en algún espacio de nuestros <em>templates</em> (en los archivos, el índice, single.php&#8230;), proponer un conjunto de etiquetas que reúnan posts no sólo marcados con ellas, sino que pertenezcan a una misma categoría, tenemos aquí el código para conseguirlo.</p>
<p>Abriremos functions.php y pegaremos lo siguiente: <a href="http://www.todowp.org/download/22/">(copiar y pegar)</a></p>
<p>A partir de aquí, en nuestro <em>template</em> (por ejemplo, index.php), escogeremos el lugar que creamos más conveniente para nuestras etiquetas y escribiremos la llamada a la función:</p>
<pre>
   $args = array('categories' =&gt; '12,13,14');
   $tags = get_category_tags($args);
</pre>
<p>Por supuesto, deberemos poner los tags de apertura y cierre de PHP.</p>
<p>De este modo, vamos a reunir etiquetas que hayan sido usadas en artículos bajo las categorías con ID 12, 13 y 14. La identidad numérica de cada categoría la sabremos sobrevolándola con el cursor del ratón en nuestro panel de Administración.</p>
<p>Créditos: <a href="http://wordpress.org/support/topic/276635?replies=26">foros de WordPress.org</a></p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/kSsn-H1ZAe4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/kSsn-H1ZAe4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seguridad en WordPress</title>
		<link>http://feedproxy.google.com/~r/AyudaWordpress/~3/fOsTnVeno_U/</link>
		<comments>http://feedproxy.google.com/~r/AyudaWordpress/~3/fOsTnVeno_U/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 12:50:32 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Avanzado]]></category>
		<category><![CDATA[Miniposts]]></category>
		<category><![CDATA[Plecost]]></category>
		<category><![CDATA[seguridad]]></category>
		<category><![CDATA[Wordpress.org]]></category>

		<guid isPermaLink="false">http://ayudawordpress.com/?p=7340</guid>
		<description><![CDATA[Mucho hemos hablado de como asegurar WordPress pero cuando uno de mis blogs de cabecera en seguridad informática: Security by default, hace recomendaciones lo menos es tomarlas en cuenta. Personalmente me ha interesado mucho Plecost, que no conocía y que, además de hacer fingerprinting de la base de Wordpress que disponemos, reconoce los plugins y [...]]]></description>
			<content:encoded><![CDATA[<p>Mucho hemos hablado de como <a href="http://ayudawordpress.com/categoria/seguridad/">asegurar WordPress</a> pero cuando uno de mis blogs de cabecera en seguridad informática: <a href="http://www.securitybydefault.com/2010/03/seguridad-en-wordpress.html">Security by default, hace recomendaciones</a> lo menos es tomarlas en cuenta. Personalmente me ha interesado mucho <a href="http://www.iniqua.com/labs/plecost/">Plecost</a>, que no conocía y que, además de hacer fingerprinting de la base de Wordpress que disponemos, reconoce los plugins y sus versiones y es capaz de mostrarnos vulnerabilidades con enlaces CVE incluidas en caso de encontrar algún plugin vulnerable. Interesantísimo.<br />
<h3><font color="#000080">Contenido exclusivo para suscriptores al Feed</font></h3>
<p><font color="#808080">¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:</font></p>
<p><a href="http://ayudawordpress.com/?dl_id=60" title="Clic aquí para iniciar la descarga"><img src="http://ayudawordpress.com/wp-content/uploads/2008/01/wp-install.jpg" alt="Clic aquí para iniciar la descarga" align="middle" border="0" height="59" width="43" /> Guía Domina tu Blog</a></p>
<a class="google_buzz"  
href="http://www.google.com/reader/link?url=http://ayudawordpress.com/securidad-en-wordpress/&#038;title=Seguridad+en+WordPress&#038;srcURL=http://ayudawordpress.com"  rel="nofollow"><img
src="http://ayudawordpress.com/wp-content/plugins/google-buzz-button-for-wordpress/images/google-buzz.png" alt="Google Buzz" /></a>


¿Te gustó este post? ¡Compártelo!


	<a rel="nofollow"  href="http://bitacoras.com/anotaciones/http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Bitacoras.com"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="TwitThis"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/twitter.png" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F&amp;t=Seguridad%20en%20WordPress" title="Facebook"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://meneame.net/submit.php?url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Meneame"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F&amp;title=Seguridad%20en%20WordPress&amp;annotation=Mucho%20hemos%20hablado%20de%20como%20asegurar%20WordPress%20pero%20cuando%20uno%20de%20mis%20blogs%20de%20cabecera%20en%20seguridad%20inform%C3%A1tica%3A%20Security%20by%20default%2C%20hace%20recomendaciones%20lo%20menos%20es%20tomarlas%20en%20cuenta.%20Personalmente%20me%20ha%20interesado%20mucho%20Plecost%2C%20que%20no%20conoc%C3%ADa" title="Google Bookmarks"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F&amp;title=Seguridad%20en%20WordPress&amp;notes=Mucho%20hemos%20hablado%20de%20como%20asegurar%20WordPress%20pero%20cuando%20uno%20de%20mis%20blogs%20de%20cabecera%20en%20seguridad%20inform%C3%A1tica%3A%20Security%20by%20default%2C%20hace%20recomendaciones%20lo%20menos%20es%20tomarlas%20en%20cuenta.%20Personalmente%20me%20ha%20interesado%20mucho%20Plecost%2C%20que%20no%20conoc%C3%ADa" title="del.icio.us"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F&amp;title=Seguridad%20en%20WordPress" title="Live"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Technorati"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://ping.fm/ref/?link=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F&amp;title=Seguridad%20en%20WordPress&amp;body=Mucho%20hemos%20hablado%20de%20como%20asegurar%20WordPress%20pero%20cuando%20uno%20de%20mis%20blogs%20de%20cabecera%20en%20seguridad%20inform%C3%A1tica%3A%20Security%20by%20default%2C%20hace%20recomendaciones%20lo%20menos%20es%20tomarlas%20en%20cuenta.%20Personalmente%20me%20ha%20interesado%20mucho%20Plecost%2C%20que%20no%20conoc%C3%ADa" title="Ping.fm"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.wikio.com/vote?url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Wikio"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/getpf?url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Turn this article into a PDF!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/pdf.png" title="Turn this article into a PDF!" alt="Turn this article into a PDF!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="mailto:?subject=Seguridad%20en%20WordPress&amp;body=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="E-mail this story to a friend!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/email_link.png" title="E-mail this story to a friend!" alt="E-mail this story to a friend!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/print?url=http%3A%2F%2Fayudawordpress.com%2Fsecuridad-en-wordpress%2F" title="Print this article!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/printfriendly.png" title="Print this article!" alt="Print this article!" class="sociable-hovers" /></a>


<br/><br/><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AyudaWordpress?a=fOsTnVeno_U:bvOvOE9niRM:Dsqc8YHEA1Y"><img src="http://feeds.feedburner.com/~ff/AyudaWordpress?i=fOsTnVeno_U:bvOvOE9niRM:Dsqc8YHEA1Y" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AyudaWordpress/~4/fOsTnVeno_U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/AyudaWordpress/~3/fOsTnVeno_U/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortcodes como modo rápido de incluir imágenes en nuestros artículos</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/dwFVJPKk_Ok/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/dwFVJPKk_Ok/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 19:00:25 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[imágenes]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[Shortcodes]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=3224</guid>
		<description><![CDATA[Para los más inquietos de nosotros, los que gustamos de subir por FTP un montón de imágenes a nuestro site con nombres de archivo fáciles y luego utilizarlas rápidamente cuando escribimos un artículo (sin las complicaciones del Media Uploader), tenemos a nuestra disposición un muy buen truco para acelerar esa inclusión.

Para ello, abriremos functions.php y [...]]]></description>
			<content:encoded><![CDATA[<p>Para los más inquietos de nosotros, los que gustamos de subir por FTP un montón de imágenes a nuestro site con nombres de archivo fáciles y luego utilizarlas rápidamente cuando escribimos un artículo (sin las complicaciones del <em>Media Uploader</em>), tenemos a nuestra disposición un muy buen truco para acelerar esa inclusión.</p>
<p><span id="more-3224"></span></p>
<p>Para ello, abriremos functions.php y pegaremos el siguiente código:</p>
<pre>
function image_shortcode($atts, $content = null) {
extract( shortcode_atts( array(
'name' =&gt; '',
'align' =&gt; 'right',
'ext' =&gt; 'png',
'path' =&gt; '/wp-content/uploads/',
'url' =&gt; ''
), $atts ) );
$file=ABSPATH.&quot;$path$name.$ext&quot;;
if (file_exists($file)) {
$size=getimagesize($file);
if ($size!==false) $size=$size[3];
$output = &quot;&lt;img src='&quot;.get_option('siteurl').&quot;$path$name.$ext' alt='$name' $size align='$align' class='align$align' /&gt;&quot;;
if ($url) $output = &quot;&lt;a href='$url' title='$name'&gt;&quot;.$output.'&lt;/a&gt;';
return $output;
}
else {
trigger_error(&quot;'$path$name.$ext' image not found&quot;, E_USER_WARNING);
return '';
}
}
add_shortcode('image','image_shortcode');
</pre>
<p>Este código debe, por supuesto, abrirse y cerrarse con los tags de apertura y cierre de PHP e incluirse al final de functions.php o bien entre las diversas funciones que allí ya tengamos especificadas.</p>
<p>Luego, en nuestros artículos, no tendremos más que escribir el siguiente <em>shortcode</em>:</p>
<pre>
[image name=Montevideo]
</pre>
<p>&#8220;Montevideo&#8221; es el nombre del archivo Montevideo.png.</p>
<p>Notad que aquí hemos permitido la inclusión de archivos en formato .png (pueden ser en .jpg pero lo tenéis que cambiar).</p>
<p>Esperamos que este truco sea de vuestra utilidad.</p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/dwFVJPKk_Ok" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/dwFVJPKk_Ok/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usando shortcodes en todas partes</title>
		<link>http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/</link>
		<comments>http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 17:51:42 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[código]]></category>
		<category><![CDATA[Experto]]></category>
		<category><![CDATA[Funciones]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[Shortcodes]]></category>
		<category><![CDATA[taxonomía]]></category>
		<category><![CDATA[Tutoriales / Trucos]]></category>
		<category><![CDATA[widgets]]></category>
		<category><![CDATA[Wordpress.org]]></category>

		<guid isPermaLink="false">http://ayudawordpress.com/?p=7336</guid>
		<description><![CDATA[
Ya hemos visto muchas maneras de personalizar WordPress con shortcodes pero estas pequeñas maravillas pueden usarse en muchos más sitios que en el editor de entradas, aquí tienes unos cuantos buenos ejemplos … 

Shorcodes en widgets de texto
Lo primero es añadir este código al fichero functions.php de tu tema activo:
Clic para ver Texto Plano
PHP:




add_filter&#40; 'widget_text', 'shortcode_unautop'&#41;;


add_filter&#40; [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://ayudawordpress.com/wp-content/uploads/2010/03/wordpress-hack.jpg" title="hack wordpress" alt="hack wordpress" /></p>
<p>Ya hemos visto muchas maneras de personalizar WordPress con <code>shortcodes</code> pero estas pequeñas maravillas <a href="http://sillybean.net/wordpress/content/using-shortcodes-everywhere/">pueden usarse en muchos más sitios</a> que en el editor de entradas, aquí tienes unos cuantos buenos ejemplos … <br />
<span id="more-7336"></span></p>
<h3>Shorcodes en widgets de texto</h3>
<p>Lo primero es añadir este código al fichero <code>functions.php</code> de tu tema activo:</p>
<div class="igBar"><span id="lphp-8"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-8'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-8">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'widget_text'</span>, <span style="color:#FF0000;">'shortcode_unautop'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'widget_text'</span>, <span style="color:#FF0000;">'do_shortcode'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>La segunda línea es la que hace que funcionen los shortcodes en el widget de texto. Además, hay que tener en cuenta que los widgets de texto tienen una casilla para "añadir saltos de párrafo automáticamente", pues bien, la segunda linea inhabilita el código <code>autop</code> que podría, en caso de estar marcada la casilla, meter el shortcode introducido en un párrafo o incluso romper las tags.</p>
<h3>Shortcodes en el tema</h3>
<p>También se pueden usar shortcodes en el tema que uses. Para ello utilizamos la función <code>do_shortcode()</code> en la que el argumento será una cadena que contendrá el shortcode.</p>
<p>Por ejemplo, para mostrar el shortcode <code>[publicidad]</code> en tu tema pondrías algo así donde quieras que aparezca el resultado esperado:</p>
<div class="igBar"><span id="lphp-9"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-9'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-9">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span> do_shortcode<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'[publicidad]'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>La función <code>do_shortcode()</code> acepta cualquier tipo de texto. Si la cadena contiene un shortcode procesará ese código. De este modo, por ejemplo, podrías mostrar manualmente contenido de tus entradas de este modo:</p>
<div class="igBar"><span id="lphp-10"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-10'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-10">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$content</span> = get_the_content<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> do_shortcode<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$content</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<h3>Shortcodes en comentarios</h3>
<p>De nuevo recurrimos al fichero <code>functions.php</code> para añadirle este código que permite shortcodes en los campos de comentarios:</p>
<div class="igBar"><span id="lphp-11"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-11'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-11">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'comment_text'</span>, <span style="color:#FF0000;">'shortcode_unautop'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'comment_text'</span>, <span style="color:#FF0000;">'do_shortcode'</span> <span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<h3>Shortcodes en extractos</h3>
<p>Ahora, en <code>functions.php</code> añadiremos esto para poder insertar shortcodes en los extractos de entrada:</p>
<div class="igBar"><span id="lphp-12"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-12'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-12">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'the_excerpt'</span>, <span style="color:#FF0000;">'shortcode_unautop'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'the_excerpt'</span>, <span style="color:#FF0000;">'do_shortcode'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<h3>Shortcodes en la descripción de usuario</h3>
<p>Para poder meter shortcodes en la descripción del usuario hay que pasar la cadena de descripción por la función <code>do_shortcode()</code>. Para ello tendrás que añadir esto a tu tema activo:</p>
<div class="igBar"><span id="lphp-13"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-13'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-13">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?php</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// $user_id = 3;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$userdata</span> = get_userdata<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$user_id</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/echo"><span style="color:#000066;">echo</span></a> do_shortcode<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$userdata</span>-&gt;<span style="color:#006600;">description</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">?&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Solo tendrás que cambiar el ID de usuario, en este caso el 3.</p>
<h3>Shortcodes en descripciones de etiquetas, categorías y taxonomías</h3>
<p>También puedes filtrar estas descripciones. Para ello recurrimos de nuevo al fichero <code>functions.php</code>:</p>
<div class="igBar"><span id="lphp-14"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/#" onclick="javascript:showCodeTxt('php-14'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-14">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'term_description'</span>, <span style="color:#FF0000;">'shortcode_unautop'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">add_filter<span style="color:#006600; font-weight:bold;">&#40;</span> <span style="color:#FF0000;">'term_description'</span>, <span style="color:#FF0000;">'do_shortcode'</span> <span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Un mundo de posibilidades más ¿no?</p>
<a class="google_buzz"  
href="http://www.google.com/reader/link?url=http://ayudawordpress.com/usando-shortcodes-en-todas-partes/&title=Usando+shortcodes+en+todas+partes&srcURL=http://ayudawordpress.com"  rel="nofollow"><img
src="http://ayudawordpress.com/wp-content/plugins/google-buzz-button-for-wordpress/images/google-buzz.png" alt="Google Buzz" /></a>


¿Te gustó este post? ¡Compártelo!


	<a rel="nofollow"  href="http://bitacoras.com/anotaciones/http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Bitacoras.com"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="TwitThis"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/twitter.png" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F&amp;t=Usando%20shortcodes%20en%20todas%20partes" title="Facebook"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://meneame.net/submit.php?url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Meneame"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F&amp;title=Usando%20shortcodes%20en%20todas%20partes&amp;annotation=%0D%0A%0D%0AYa%20hemos%20visto%20muchas%20maneras%20de%20personalizar%20WordPress%20con%20shortcodes%20pero%20estas%20peque%C3%B1as%20maravillas%20pueden%20usarse%20en%20muchos%20m%C3%A1s%20sitios%20que%20en%20el%20editor%20de%20entradas%2C%20aqu%C3%AD%20tienes%20unos%20cuantos%20buenos%20ejemplos%20%E2%80%A6%C2%A0%0D%0A%0D%0A%0D%0A%0D%0AShorcodes%20en%20widgets%20d" title="Google Bookmarks"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F&amp;title=Usando%20shortcodes%20en%20todas%20partes&amp;notes=%0D%0A%0D%0AYa%20hemos%20visto%20muchas%20maneras%20de%20personalizar%20WordPress%20con%20shortcodes%20pero%20estas%20peque%C3%B1as%20maravillas%20pueden%20usarse%20en%20muchos%20m%C3%A1s%20sitios%20que%20en%20el%20editor%20de%20entradas%2C%20aqu%C3%AD%20tienes%20unos%20cuantos%20buenos%20ejemplos%20%E2%80%A6%C2%A0%0D%0A%0D%0A%0D%0A%0D%0AShorcodes%20en%20widgets%20d" title="del.icio.us"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F&amp;title=Usando%20shortcodes%20en%20todas%20partes" title="Live"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Technorati"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://ping.fm/ref/?link=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F&amp;title=Usando%20shortcodes%20en%20todas%20partes&amp;body=%0D%0A%0D%0AYa%20hemos%20visto%20muchas%20maneras%20de%20personalizar%20WordPress%20con%20shortcodes%20pero%20estas%20peque%C3%B1as%20maravillas%20pueden%20usarse%20en%20muchos%20m%C3%A1s%20sitios%20que%20en%20el%20editor%20de%20entradas%2C%20aqu%C3%AD%20tienes%20unos%20cuantos%20buenos%20ejemplos%20%E2%80%A6%C2%A0%0D%0A%0D%0A%0D%0A%0D%0AShorcodes%20en%20widgets%20d" title="Ping.fm"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.wikio.com/vote?url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Wikio"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/getpf?url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Turn this article into a PDF!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/pdf.png" title="Turn this article into a PDF!" alt="Turn this article into a PDF!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="mailto:?subject=Usando%20shortcodes%20en%20todas%20partes&amp;body=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="E-mail this story to a friend!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/email_link.png" title="E-mail this story to a friend!" alt="E-mail this story to a friend!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/print?url=http%3A%2F%2Fayudawordpress.com%2Fusando-shortcodes-en-todas-partes%2F" title="Print this article!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/printfriendly.png" title="Print this article!" alt="Print this article!" class="sociable-hovers" /></a>


<br/><br/><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AyudaWordpress?a=JYhOEsCAG3s:-HmBF-ZJv7I:Dsqc8YHEA1Y"><img src="http://feeds.feedburner.com/~ff/AyudaWordpress?i=JYhOEsCAG3s:-HmBF-ZJv7I:Dsqc8YHEA1Y" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AyudaWordpress/~4/JYhOEsCAG3s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/AyudaWordpress/~3/JYhOEsCAG3s/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comentarios recientes sin necesidad de plugins</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/nsxUzdMUrNA/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/nsxUzdMUrNA/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 19:00:36 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Comentarios]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=2777</guid>
		<description><![CDATA[Muchas veces nos interesa disponer de una pequeña cantidad de código que, añadida a nuestros templates, haga innecesario depender de un plugin. Con ello, podremos maniobrar más fácilmente con el tema con el que estemos tratando.
Hoy veremos una manera rápida para mostrar nuestros comentarios recientes sin plugins ni widgets. Este código podremos pegarlo primero en [...]]]></description>
			<content:encoded><![CDATA[<p>Muchas veces nos interesa disponer de una pequeña cantidad de código que, añadida a nuestros templates, haga innecesario depender de un plugin. Con ello, podremos maniobrar más fácilmente con el tema con el que estemos tratando.</p>
<p>Hoy veremos una manera rápida para mostrar nuestros comentarios recientes sin plugins ni widgets. Este código podremos pegarlo primero en functions.php y luego, con una nueva función lista para nosotros, directamente en nuestros templates (por ejemplo, al final de todo de sidebar.php o incluso en alguno de los apartados que conformen nuestro footer.php).</p>
<p><a href="http://www.todowp.org/download/25/">El código es el siguiente (copiar y pegar en functions.php)</a></p>
<p>Sólo nos queda invocar los últimos comentarios con el nuevo tag que se nos habrá creado : &lt;?php recent_comments(); ?&gt;</p>
<p>Si queremos cinco comentarios en vez de 10 (que es la cantidad por defecto), podemos especificarlo así :</p>
<p>&lt;?php recent_comments(&#8216;5&#8242;); ?&gt;</p>
<p>Esperamos que os resulte de interés.</p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/nsxUzdMUrNA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/nsxUzdMUrNA/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO: plugins para incrementar el tráfico</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/s-3rgqHfpVs/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/s-3rgqHfpVs/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 19:00:34 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=3263</guid>
		<description><![CDATA[Atraer lectores a tu blog seguro que es uno de tus objetivos: si no el más importante, uno de los que tienes en cuenta. Esto puedes hacerlo con plugins sociales, que son muy prácticos para que los usuarios que ya tienes den a conocer tu contenido en sus redes sociales.
No obstante, hay otras formas importantes [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Atraer lectores</strong> a tu blog seguro que es uno de tus <strong>objetivos</strong>: si no el más importante, uno de los que tienes en cuenta. Esto puedes hacerlo con <a href="http://www.todowp.org/plugins-sociales/"><strong>plugins sociales</strong></a>, que son muy prácticos para que los usuarios que ya tienes <strong>den a conocer</strong> tu contenido en sus redes sociales.</p>
<p>No obstante, hay otras formas importantes a tener en cuenta, y una de ellas es el <em>Search Engine Optimization</em> (<strong>SEO</strong>) o <strong>Optimización para Buscadores</strong>. El <strong>SEO</strong> es el nombre asignado al <strong>conjunto de técnicas</strong> que son desarrolladas para poder mejorar el <strong>posicionamiento</strong> de una página web o blog en los <strong>buscadores</strong>. De esta forma, saldremos más arriba en los <strong>buscadores</strong> cuando los usuarios escriban nuestras <strong>palabras clave</strong>, de forma que llegarán más fácilmente a nuestro <strong>blog</strong>. </p>
<p><span id="more-3263"></span></p>
<p>El <strong>SEO</strong> no es una ciencia exacta, ni mucho menos, principalmente porque los <strong>buscadores</strong> como <strong>Google</strong> no publican sus criterios exactos de posicionamiento. Además, dichos criterios son distintos para cada buscador y pueden ir cambiando con el tiempo. Aún así, hay un <strong>plugin</strong> que creo imprescindible para que tu blog esté bien posicionado: <strong>All In One SEO Pack</strong>.</p>
<p><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/"><strong>All In One SEO Pack</strong></a> realiza los ajustes básicos de <strong>SEO</strong> automáticamente. Aunque puede parecer un poco mágico, este <strong>plugin</strong> sólo inserta el <strong>título del post</strong>, las <strong>palabras clave</strong> y la <strong>descripción</strong> en el <a href="http://www.todowp.org/seo-metadatos-en-el-header-de-nuestro-blog/"><strong>header</strong> de tu página</a>, automatizando un trabajo que podría ser muy tedioso y que es realmente importante para el <strong>posicionamiento</strong>. Además, puede gestionar los <strong>atributos</strong> de las imágenes y enlaces de forma eficaz y automática.</p>
<p>Otro <strong>plugin</strong> muy interesante es <a href="http://yoast.com/wordpress/canonical/">WP-Canonical</a>, que evita que los buscadores consideren <strong>contenido duplicado</strong> en tu blog: para ellos, no es lo mismo cuando un post sale en la página principal que cuando sale en los archivos o en las categorías, así que lo mejor es indicarle a los buscadores que realmente es lo mismo con la etiqueta <a href="http://www.todowp.org/como-agregar-el-atributo-canonical-a-los-comentarios/"><strong>canonical</strong> de <strong>HTML</strong></a>. Este plugin lo hace todo automáticamente.</p>
<p>Aún así, recuerda que para que tu blog salga bien en los buscadores no sólo tienes que instalar estos plugins. Hay muchas otras cosas que puedes hacer, que iremos contando poco a poco en el blog; pero especialmente debes centrarte en la creación de contenido de calidad. ¿Quieres que tratemos algún tema en concreto? ¡Coméntalo!</p>
<p>Fuentes: <a href="http://www.blogpocket.com/2009/03/17/wordpress-plugins-para-incrementar-el-trafico/">Blog Pocket</a>, <a href="http://www.myinkblog.com/2009/03/04/wordpress-plugins-for-increasing-traffic/">My Ink Blog</a>, <a href="http://www.ias-symposium.org/index.php?option=com_content&amp;view=article&amp;id=53">Ias-Symposium</a></p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/s-3rgqHfpVs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/s-3rgqHfpVs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prepara tu sitio para iPhone</title>
		<link>http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/</link>
		<comments>http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 00:08:18 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[Experto]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[SMS]]></category>
		<category><![CDATA[Tutoriales / Trucos]]></category>
		<category><![CDATA[Wordpress.org]]></category>

		<guid isPermaLink="false">http://ayudawordpress.com/?p=7329</guid>
		<description><![CDATA[
Impresionante la recopilación realizada por Cats who code sobre códigos con los que adaptar tu sitio a la visualización en iPhone. Como creo que es de un gran interés para desarrolladores y usuarios avanzados y que, por supuesto, son aplicables a WordPress, aquí los tienes con alguna adaptación a nuestro entorno:
Detectar iPhones e iPods usando [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://ayudawordpress.com/wp-content/uploads/2010/03/iphone_wireframe-500x419.png" alt="" title="iphone_wireframe" width="500" height="419" class="aligncenter size-medium wp-image-7332" /></p>
<p>Impresionante la <a href="http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites">recopilación realizada por Cats who code</a> sobre códigos con los que adaptar tu sitio a la visualización en iPhone. Como creo que es de un gran interés para desarrolladores y usuarios avanzados y que, por supuesto, son aplicables a WordPress, aquí los tienes con alguna adaptación a nuestro entorno:</p>
<h3>Detectar iPhones e iPods usando Javascript</h3>
<p>Al desarrollar para iPhone o iPod Touch lo primero que hay que hacer es detectarlo para que, luego, le apliquemos códigos o estilos. El siguiente código d etecta iPhones o iPods usando Javascript, y los redirige a una página  específica para iPhone.</p>
<div class="igBar"><span id="ljavascript-28"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('javascript-28'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-28">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span>navigator.<span style="color: #006600;">userAgent</span>.<span style="color: #006600;">match</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066FF;">/iPhone/i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> || <span style="color: #66cc66;">&#40;</span>navigator.<span style="color: #006600;">userAgent</span>.<span style="color: #006600;">match</span><span style="color: #66cc66;">&#40;</span>/iPod/i</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>document.<span style="color: #006600;">cookie</span>.<span style="color: #006600;">indexOf</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">"iphone_redirect=false"</span><span style="color: #66cc66;">&#41;</span> == -<span style="color: #CC0000;color:#800000;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; window.<span style="color: #006600;">location</span> = <span style="color: #3366CC;">"http://m.espn.go.com/wireless/?iphone&amp;i=COMR"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://davidwalsh.name/detect-iphone" >http://davidwalsh.name/detect-iphone</a></strong></p>
<h3>Detectar iPhones e iPods usando PHP</h3>
<p>Aunque el código anterior funciona de maravilla puede que Javascript esté desactivado en el iPhone. Si fuera el caso puedes usar PHP para detectar iPhones o iPods Touch.</p>
<div class="igBar"><span id="lphp-29"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('php-29'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-29">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">if</span><span style="color:#006600; font-weight:bold;">&#40;</span><a href="http://www.php.net/strstr"><span style="color:#000066;">strstr</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$_SERVER</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#FF0000;">'HTTP_USER_AGENT'</span><span style="color:#006600; font-weight:bold;">&#93;</span>,<span style="color:#FF0000;">'iPhone'</span><span style="color:#006600; font-weight:bold;">&#41;</span> || <a href="http://www.php.net/strstr"><span style="color:#000066;">strstr</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$_SERVER</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#FF0000;">'HTTP_USER_AGENT'</span><span style="color:#006600; font-weight:bold;">&#93;</span>,<span style="color:#FF0000;">'iPod'</span><span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/header"><span style="color:#000066;">header</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'Location: http://yoursite.com/iphone'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <a href="http://www.php.net/exit"><span style="color:#000066;">exit</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://davidwalsh.name/detect-iphone" >http://davidwalsh.name/detect-iphone</a></strong></p>
<h3>Definir el ancho de iPhone como viewport</h3>
<p>En muchas ocasiones visitas una web con tu iPhone y la ves en miniatura. La razón es que el desarrollador olvidó definir el viewport (o no sabe que existe). La declaración de <em>width=device-width</em> te permite definir el ancho del documento al ancho de la pantalla del iPhone. Las otras dos declaraciones son muy útiles si estás desarrollando un sitio  "solo para iPhone". En caso contrario puedes borrar estas dos declaraciones.<br />
Definir un viewport es fácil: Simplemente inserta el siguiente meta en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa):</p>
<div class="igBar"><span id="lphp-30"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('php-30'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-30">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;meta name=<span style="color:#FF0000;">"viewport"</span> content=<span style="color:#FF0000;">"width=device-width; initial-scale=1.0; maximum-scale=1.0;"</span>&gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/" >http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/</a></strong></p>
<h3>Insertar un icono específico para iPhone</h3>
<p>Cuando un usuario añade tu web a su página de inicio el iPhone usa una captura de pantalla de tu sitio como icono. Pero tu puedes ofrecer un icono específico, lo que es mucho mejor.<br />
Definir un icono personalizado para iPhone es fácil: Simplemente pega el siguiente código en la sección "head" de tu sitio (fichero "index.php" de la plantilla activa). La imagen debe ser de 57px por 57px en formato <em>.png</em>. No tienes por qué añadir brillos o esquinas ya que el iPhone las añade automáticamente:</p>
<div class="igBar"><span id="lphp-31"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('php-31'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-31">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;rel=<span style="color:#FF0000;">"apple-touch-icon"</span> href=<span style="color:#FF0000;">"images/template/engage.png"</span>/&gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/" >http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/</a></strong></p>
<h3>Evitar que Safari ajuste el tamaño de texto al rotar</h3>
<p>Cuando rotas el iPhone, Safarie ajusta el tamaño de texto. Si por algún motivo prefieres evitar este efecto solo tienes que usar el siguiente CSS, que tendrás que añadir a tu hoja de estilos (fichero "style.css" de tu plantilla activa).<br />
La declaración <em>-webkit-text-size-adjust</em> es una propiedad CSS exclusiva de webkit que permite controlar el ajuste de texto.</p>
<div class="igBar"><span id="lcss-32"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('css-32'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-32">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; -webkit-text-size-adjust:<span style="color: #993333;">none</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/" >http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/</a></strong></p>
<h3>Detectar la orientación del iPhone</h3>
<p>Como el iPhone permite ver la página en vertical o apaisdo puede que necesites detectar en qué modo el documento será visible.<br />
Esta función Javascript detecta la orientación actual del iPhone y aplica una clase CSS específica para cada modo de orientación. Fíjate que en este ejemplo la clase CSS se añade al ID del  <em>page_wrapper</em>. Remplázalo por el nombre de ID deseado (línea 24)</p>
<div class="igBar"><span id="lcss-33"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('css-33'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-33">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">window<span style="color: #6666ff;">.onload </span>= function initialLoad<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; updateOrientation<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">function updateOrientation<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; var contentType = <span style="color: #ff0000;">"show_"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; switch<span style="color: #66cc66;">&#40;</span>window.orientation<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; case <span style="color: #cc66cc;color:#800000;">0</span>:</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; contentType += <span style="color: #ff0000;">"normal"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; break;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; case -<span style="color: #cc66cc;color:#800000;">90</span>:</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; contentType += <span style="color: #ff0000;">"right"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; break;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; case <span style="color: #cc66cc;color:#800000;">90</span>:</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; contentType += <span style="color: #ff0000;">"left"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; break;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; case <span style="color: #cc66cc;color:#800000;">180</span>:</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; contentType += <span style="color: #ff0000;">"flipped"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; break;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; document.getElementById<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"page_wrapper"</span><span style="color: #66cc66;">&#41;</span>.setAttribute<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">"class"</span>, contentType<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/" >http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/</a></strong></p>
<h3>Aplicar estilos CSS solo para iPhones/iPods</h3>
<p>Si buscas un modo limpio de aplicar clases CSS solo para iPhone puedes usar el siguiente código:</p>
<div class="igBar"><span id="lcss-34"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('css-34'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-34">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #a1a100;">@media screen and (max-device-width: 480px){</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #808080; font-style: italic;">/* Todo el CSS para iPhone va aqui */</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/" >http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/</a></strong></p>
<h3>Redimensionar imágenes automáticamente para iPhones</h3>
<p>En las webs actuales la mayoría de las imágenes suelen ser de un ancho superior a 480px. Al ser de este tamaño la pantalla del iPhone puede que las imágenes más grandes se vean incorrectamente, incluso destrozando el diseño de tu sitio.</p>
<p>Pues bien, usando el siguiente código CSS podrás redimensionar automáticamente las imágenes que sean de un ancho mayor de 480px, el ancho estándar del iPhone, con lo que nunca se verán más anchas y no desconfigurarán tu sitio al visualizarse en un iPhone.</p>
<div class="igBar"><span id="lcss-35"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('css-35'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-35">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #a1a100;">@media screen and (max-device-width: 480px){</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; img<span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">max-width</span>:<span style="color: #cc66cc;color:#800000;">100</span>%;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span>:<span style="color: #993333;">auto</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/" >http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/</a></strong></p>
<h3>Ocultar la barra de tareas por defecto</h3>
<p>La barra de tareas es útil pero a veces ocupa demasiado sitio, que vendría estupendo para mostrar mejor tu web. Si quieres que Safari oculte la barra por defecto cuando un usuario de iPhone visite tu sitio solo tienes que añadir el siguiente Javascript:</p>
<div class="igBar"><span id="ljavascript-36"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('javascript-36'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-36">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">window.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'load'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; setTimeout<span style="color: #66cc66;">&#40;</span>scrollTo, <span style="color: #CC0000;color:#800000;">0</span>, <span style="color: #CC0000;color:#800000;">0</span>, <span style="color: #CC0000;color:#800000;">1</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span>, <span style="color: #003366; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://articles.sitepoint.com/article/iphone-development-12-tips/2" >http://articles.sitepoint.com/article/iphone-development-12-tips/2</a></strong></p>
<h3>Usar enlaces especiales</h3>
<p>Al igual que con los enlaces "mailto", tan útiles para que te envíen emails, si se visualiza tu web con un iPhone puedes añadir otro tipo de enlaces que ejecutarán acciones, gracias a la función de teléfono de este miniordenador de bolsillo.</p>
<p>Si quieres ofrecer enlaces para que te llamen o te envíen un SMS puedes usar códigos html de este tipo:</p>
<div class="igBar"><span id="lhtml-37"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('html-37'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-37">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"tel:12345678900"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Llámame<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<div class="igBar"><span id="lhtml-38"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('html-38'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-38">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #000000; font-weight: bold;">&lt;a</span></a> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"sms:12345678900"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>Mándame un SMS<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://articles.sitepoint.com/article/iphone-development-12-tips/3" >http://articles.sitepoint.com/article/iphone-development-12-tips/3</a></strong></p>
<h3>Simular la clase pseudo :hover</h3>
<p>Como no se usa ratón en el iPhone no se utiliza la pseudo clase :hover. Sin embargo,  usando Javascript puedes simular la clase pseudo :hover cuando el usuario apoye el dedo sobre un enlace:</p>
<div class="igBar"><span id="ljavascript-39"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('javascript-39'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-39">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myLinks = document.<span style="color: #006600;">getElementsByTagName</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'a'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">for</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i = <span style="color: #CC0000;color:#800000;">0</span>; i &lt;myLinks.<span style="color: #006600;">length</span>; i++<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp;myLinks<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'touchstart'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">className</span> = <span style="color: #3366CC;">"hover"</span>;<span style="color: #66cc66;">&#125;</span>, <span style="color: #003366; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp;myLinks<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'touchend'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #006600;">className</span> = <span style="color: #3366CC;">""</span>;<span style="color: #66cc66;">&#125;</span>, <span style="color: #003366; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
Tras añadir el código anterior puedes aplicar algo de estilo CSS:</p>
<div class="igBar"><span id="lcss-40"><a href="http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/#" onclick="javascript:showCodeTxt('css-40'); return false;">Clic para ver Texto Plano</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-40">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">a:hover, a<span style="color: #6666ff;">.hover </span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #808080; font-style: italic;">/* el efecto hover que sea*/</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
<strong>Fuente: <a href="http://www.evotech.net/blog/2008/12/hover-pseudoclass-for-the-iphone/" >http://www.evotech.net/blog/2008/12/hover-pseudoclass-for-the-iphone/</a></strong><br />
<h3><font color="#000080">Contenido exclusivo para suscriptores al Feed</font></h3>
<p><font color="#808080">¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:</font></p>
<p><a href="http://ayudawordpress.com/descargas/tutoriales/adminwordpress.zip" title="Clic aquí para iniciar la descarga"><img src="http://ayudawordpress.com/wp-content/uploads/2008/01/wp-install.jpg" alt="Clic aquí para iniciar la descarga" align="middle" border="0" height="59" width="43" /> Guía para Administrar Wordpress</a></p>
<a class="google_buzz"  
href="http://www.google.com/reader/link?url=http://ayudawordpress.com/prepara-tu-sitio-para-iphone/&title=Prepara+tu+sitio+para+iPhone&srcURL=http://ayudawordpress.com"  rel="nofollow"><img
src="http://ayudawordpress.com/wp-content/plugins/google-buzz-button-for-wordpress/images/google-buzz.png" alt="Google Buzz" /></a>


¿Te gustó este post? ¡Compártelo!


	<a rel="nofollow"  href="http://bitacoras.com/anotaciones/http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Bitacoras.com"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="TwitThis"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/twitter.png" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F&amp;t=Prepara%20tu%20sitio%20para%20iPhone" title="Facebook"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://meneame.net/submit.php?url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Meneame"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F&amp;title=Prepara%20tu%20sitio%20para%20iPhone&amp;annotation=%0D%0A%0D%0AImpresionante%20la%20recopilaci%C3%B3n%20realizada%20por%20Cats%20who%20code%20sobre%20c%C3%B3digos%20con%20los%20que%20adaptar%20tu%20sitio%20a%20la%20visualizaci%C3%B3n%20en%20iPhone.%20Como%20creo%20que%20es%20de%20un%20gran%20inter%C3%A9s%20para%20desarrolladores%20y%20usuarios%20avanzados%20y%20que%2C%20por%20supuesto%2C%20son%20aplicabl" title="Google Bookmarks"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://delicious.com/post?url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F&amp;title=Prepara%20tu%20sitio%20para%20iPhone&amp;notes=%0D%0A%0D%0AImpresionante%20la%20recopilaci%C3%B3n%20realizada%20por%20Cats%20who%20code%20sobre%20c%C3%B3digos%20con%20los%20que%20adaptar%20tu%20sitio%20a%20la%20visualizaci%C3%B3n%20en%20iPhone.%20Como%20creo%20que%20es%20de%20un%20gran%20inter%C3%A9s%20para%20desarrolladores%20y%20usuarios%20avanzados%20y%20que%2C%20por%20supuesto%2C%20son%20aplicabl" title="del.icio.us"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F&amp;title=Prepara%20tu%20sitio%20para%20iPhone" title="Live"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://technorati.com/faves?add=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Technorati"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://ping.fm/ref/?link=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F&amp;title=Prepara%20tu%20sitio%20para%20iPhone&amp;body=%0D%0A%0D%0AImpresionante%20la%20recopilaci%C3%B3n%20realizada%20por%20Cats%20who%20code%20sobre%20c%C3%B3digos%20con%20los%20que%20adaptar%20tu%20sitio%20a%20la%20visualizaci%C3%B3n%20en%20iPhone.%20Como%20creo%20que%20es%20de%20un%20gran%20inter%C3%A9s%20para%20desarrolladores%20y%20usuarios%20avanzados%20y%20que%2C%20por%20supuesto%2C%20son%20aplicabl" title="Ping.fm"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.wikio.com/vote?url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Wikio"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/getpf?url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Turn this article into a PDF!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/pdf.png" title="Turn this article into a PDF!" alt="Turn this article into a PDF!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="mailto:?subject=Prepara%20tu%20sitio%20para%20iPhone&amp;body=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="E-mail this story to a friend!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/email_link.png" title="E-mail this story to a friend!" alt="E-mail this story to a friend!" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.printfriendly.com/print?url=http%3A%2F%2Fayudawordpress.com%2Fprepara-tu-sitio-para-iphone%2F" title="Print this article!"><img src="http://ayudawordpress.com/wp-content/plugins/sociable/images/printfriendly.png" title="Print this article!" alt="Print this article!" class="sociable-hovers" /></a>


<br/><br/><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/AyudaWordpress?a=BjzCMyD6pd8:c7DnfKP5ciY:Dsqc8YHEA1Y"><img src="http://feeds.feedburner.com/~ff/AyudaWordpress?i=BjzCMyD6pd8:c7DnfKP5ciY:Dsqc8YHEA1Y" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/AyudaWordpress/~4/BjzCMyD6pd8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/AyudaWordpress/~3/BjzCMyD6pd8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Listar nuestros posts más populares en base al número de comentarios</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/6XGtSfKo7_U/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/6XGtSfKo7_U/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 19:00:46 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Comentarios]]></category>
		<category><![CDATA[Entradas]]></category>
		<category><![CDATA[Posts]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=2723</guid>
		<description><![CDATA[Sin necesidad de utilizar ningún plugin, tenemos a nuestra disposición un buen método para listar, según el número de comentarios, nuestros posts más populares (o los más comentados, según queramos enfocarlo con el título que demos a la lista).
No tendremos más que dirigirnos a la barra lateral (sidebar.php; o pie de página, footer.php) de nuestro [...]]]></description>
			<content:encoded><![CDATA[<p>Sin necesidad de utilizar ningún plugin, tenemos a nuestra disposición un buen método para listar, según el número de comentarios, nuestros posts más populares (o los más comentados, según queramos enfocarlo con el título que demos a la lista).</p>
<p>No tendremos más que dirigirnos a la barra lateral (sidebar.php; o pie de página, footer.php) de nuestro tema de WordPress y editarla (recomendamos como siempre a <a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a> para escribir código) con el siguiente <em>snippet</em>:</p>
<p><a href="http://www.todowp.org/download/26/">Copiar y pegar en nuestro template.</a></p>
<p>Con este código estamos realizando un sondeo general a nuestra base de datos tomando los 7 posts con más comentarios, preparando sus títulos, URLs y número exacto de comentarios que tengan, y disponiéndolo todo en una lista que deberemos por supuesto &#8220;decorar&#8221; con CSS a nuestro gusto.</p>
<p>Con este método, quedamos como reyes porque no necesitamos largos cálculos para entender cuál de nuestros posts es más visualizado y reservamos al lector un poco de discusión con todos los comentarios que allí se mostrarán al acabar la lectura principal.</p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/6XGtSfKo7_U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/6XGtSfKo7_U/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Últimos comentarios por categoría</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/gUDzoRuNHeU/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/gUDzoRuNHeU/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 19:00:18 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[categorias]]></category>
		<category><![CDATA[Comentarios]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=3214</guid>
		<description><![CDATA[Hoy vamos a ver una manera fácil de conseguir nuestros comentarios mostrados por categoría; por ejemplo, en nuestro índice. De esta manera, podremos crear varias columnas y añadir allí los comentarios recientes que a cada sección del site correspondan.
Tendremos que pegar el siguiente código en el espacio que consideremos adecuado en nuestro template (por ejemplo, [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy vamos a ver una manera fácil de conseguir nuestros comentarios mostrados por categoría; por ejemplo, en nuestro índice. De esta manera, podremos crear varias columnas y añadir allí los comentarios recientes que a cada sección del site correspondan.</p>
<p>Tendremos que pegar el siguiente código en el espacio que consideremos adecuado en nuestro template (por ejemplo, tratándose del index.php, justo después de wp_header): <a href="http://www.todowp.org/download/23/">copiar y pegar</a>.</p>
<p>En la línea 15, deberemos cambiar los números allí presentes (10 y 20) por las ID numéricas de las categorías de las que deseemos mostrar los comentarios. Dichas ID las conoceremos sobrevolando con el puntero del ratón nuestras propias categorías en la Administración de WordPress.</p>
<p>Los <a href="http://wordpress.org/support/topic/345126?replies=11">créditos van, una vez más, al foro de WordPress.org</a>, donde podréis encontrar otra versión del truco, que concierne en este caso a sub-categorías.</p>
<p>Esperamos que os atreváis con el código y nos planteéis cualquier duda en los comentarios. </p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/gUDzoRuNHeU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/gUDzoRuNHeU/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Listar posts recientemente modificados</title>
		<link>http://feeds.todowp.org/~r/todowordpress/~3/TSbggfpxsWU/</link>
		<comments>http://feeds.todowp.org/~r/todowordpress/~3/TSbggfpxsWU/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 19:00:29 +0000</pubDate>
		<dc:creator>planetawordpress</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Posts]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[trucos]]></category>

		<guid isPermaLink="false">http://www.todowp.org/?p=2685</guid>
		<description><![CDATA[Para los sites más técnicos o académicos (o simplemente muy activos), donde las actualizaciones de los artículos pueden ser importantes para el lector, puede resultar útil reservar un espacio en la barra lateral de nuestro diseño para una lista de los últimos artículos modificados.
Pensemos por ejemplo en un site amateur de periodismo, o un site [...]]]></description>
			<content:encoded><![CDATA[<p>Para los sites más técnicos o académicos (o simplemente muy activos), donde las actualizaciones de los artículos pueden ser importantes para el lector, puede resultar útil reservar un espacio en la barra lateral de nuestro diseño para una lista de los últimos artículos modificados.</p>
<p>Pensemos por ejemplo en un site <em>amateur</em> de periodismo, o un site de programación, o en una red donde se aceptan artículos universitarios y en todas las correcciones que allí pueden suceder tras una primera publicación. Podemos incluso pensar en una comunidad online para viajeros, donde todos quieren añadir detalles extra a sus relatos de viaje, y ganar algo más de presencia general en el blog multi-usuario.</p>
<p>Pues bien, elijamos estratégicamente el lugar donde queremos que aparezca la lista de últimos artículos modificados. Normalmente será la barra lateral, que en nuestro tema de WordPress tiene el nombre de sidebar.php. Añadiremos lo siguiente: <a href="http://www.todowp.org/download/27/">copiar y pegar</a>.</p>
<p>Fijaos en que hemos puesto 5 elementos para ser listados, pero podemos, por supuesto, cambiar dicha cifra. Será entonces el momento de formatear con CSS ese espacio, y hacerlo acorde con el resto del diseño del blog.</p>
<img src="http://feeds.feedburner.com/~r/todowordpress/~4/TSbggfpxsWU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feeds.todowp.org/~r/todowordpress/~3/TSbggfpxsWU/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
