<?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>Himsomnio &#187; Wordpress</title>
	<atom:link href="http://www.himsomnio.com/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.himsomnio.com</link>
	<description></description>
	<lastBuildDate>Sun, 20 Nov 2011 10:29:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Programando los posts en WordPress</title>
		<link>http://www.himsomnio.com/programando-los-posts-en-wordpress/</link>
		<comments>http://www.himsomnio.com/programando-los-posts-en-wordpress/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 15:00:50 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Trucos Wordpress]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/?p=398</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>No es obligación saber <strong>como programar un post en WordPress</strong>. Hay personas que recién se inician con esta plataforma, o vienen desde Blogger porque han decidido cambiarse a WordPress, y no tienen ni idea de como manejarse con las opciones. Y sino, <a href="http://vagabundia.bolsanegra.net/index.php/2007/01/26/un-blogger-en-wordpress-1/">pregúntenle a JMiur</a> o a cualquiera de nosotros cuando empezamos, y no sabíamos ni como escribir un post. Siempre hay una primera vez, y además, WordPress no es tan complicado como a veces nos cuentan.</p>
<p>Pasando al tema, la idea de programar los posts nos permite organizarnos un poco y no estar luego pendiente de cuando los artículos serán publicados. Los pasos no son muchos:</p>
<ol>
<li>Luego de escribir el post, a la derecha de la pantalla, ubicamos el módulo <strong>Publicar</strong>, y donde dice <strong>Publicar inmediatamente</strong>, damos clic en <strong>Editar</strong>.</li>
<li>Allí ingresamos la fecha y la hora en la que se desea publicar el post, y damos clic en <strong>Aceptar</strong>.</li>
<li>Por último, damos clic en <strong>Programar</strong> y el post quedará programado para la fecha seleccionada.</li>
</ol>
<p style="text-align: center;"><img style="width: 422px; display: inline; height: 419px;" src="http://www.himsomnio.com/wp-content/images/2011/07/programar-post-wordpress.png" alt="Programar un post en WordPress" width="422" height="419" /></p>
<p>Además de lo anterior, hay que tener en cuenta la zona horaria en la que nos encontramos. Esto lo podemos configurar en el tablero de WordPress, en <strong>Ajustes</strong> &#8211; <strong>Generales</strong>, buscamos la opción de <strong>Zona horaria</strong> y elegimos la<br />
ciudad donde nos encontramos.</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/programando-los-posts-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Plugin para insertar el botón +1 de Google en WordPress</title>
		<link>http://www.himsomnio.com/plugin-para-insertar-el-boton-1-de-google-en-wordpress/</link>
		<comments>http://www.himsomnio.com/plugin-para-insertar-el-boton-1-de-google-en-wordpress/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 14:41:17 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/plugin-para-insertar-el-boton-1-de-google-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>En otra oportunidad les había comentado sobre <a href="http://www.himsomnio.com/agregar-el-boton-me-gusta-de-facebook-a-tu-blog-o-sitio-web/">como agregar el botón &#8220;Me gusta&#8221; de Facebook</a> en un blog o sitio web. Ahora, con el lanzamiento de Google+, en WordPress se puede utilizar un plugin llamado <a href="http://wordpress.org/extend/plugins/facebook-likes-you/" rel="nofollow">Facebook Likes You!</a>, que mata dos pájaros de un tiro, ya que permite insertar el botón &#8220;Me gusta&#8221; de Facebook, y de paso, el botón &#8220;+1&#8243; de Google.</p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2011/07/facebook-likes-you.jpg" style="WIDTH: 500px; DISPLAY: inline; HEIGHT: 272px" height="272" alt="Facebook Likes You!" width="500"/></p>
<p>Al configurar el plugin desde el tablero de WordPress, se podrá elegir la apariencia de los botones, las diferentes opciones de visualización y otras opciones. Además, se puede controlar de manera manual la ubicación de los botones utilizando el shorcode <em>[fb-like-button],</em> o utilizando mediante código php la función <em>&lt;?php echo do_shortcode(&#8216;[fb-like-button]&#8216;); ?&gt;</em></p>
<p>Otra función destacable del plugin, es que en modo widget permite insertar un cajetín en la barra lateral del blog. De esta manera se puede configurar las opciones de mostrar entradas recientes en Facebook, las caras de los seguidores en Facebook y agregar el botón &#8220;Me gusta&#8221; de la página del blog en Facebook para sumar nuevos fans de manera rápida y súper sencilla.</p>
<p>Enlace | <a href="http://wordpress.org/extend/plugins/facebook-likes-you/" rel="nofollow">Facebook Likes You!</a> (plugin para WordPress)</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/plugin-para-insertar-el-boton-1-de-google-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Cambiar la autoría de posts de un usuario a otro en WordPress</title>
		<link>http://www.himsomnio.com/cambiar-la-autoria-de-posts-de-un-usuario-a-otro-en-wordpress/</link>
		<comments>http://www.himsomnio.com/cambiar-la-autoria-de-posts-de-un-usuario-a-otro-en-wordpress/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 10:59:58 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/cambiar-la-autoria-de-posts-de-un-usuario-a-otro-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>Si tienes un blog de WordPress y por algún motivo quieres <strong>reasignar los posts de un autor del blog a otro</strong>, a continuación se puede ver como hacerlo.</p>
<p>La primera opción es simple pero debes borrar al autor.</p>
<p>Desde el panel de administración de WordPrees, puedes <strong>borrar el usuario al que le quieres cambiar la autoría del post</strong>. Una vez realizada esta acción, el sistema preguntará si quieres pasar los post de ese usuario a otro. Le indicamos que sí, y automáticamente aparecerá la lista de autores del blog. Allí solo restará <strong>elegir a quien atribuirle los posts</strong>. Con ello, las entradas publicadas serán propiedad del usuario que recién has asignado.</p>
<p style="text-align: center;"><img style="width: 500px; display: inline; height: 263px;" src="http://www.himsomnio.com/wp-content/images/2011/07/reasignar-posts-wordpress.png" alt="Cambiando el autor de los posts en WordPress" width="500" height="263" /></p>
<p>Otra opción es <strong>reasignar las entradas desde la base de datos</strong>. Es algo más complicado, pero en este caso, no hace falta borrar el usuario al que le queremos quitar la autoría.</p>
<p>Fíjate el ID del usuario a quien le quieres quitar la autoría del post (aparece en la barra de estado del navegador al poner el cursor sobre el nombre de usuario en el panel de usuario). Luego entra a PHPMyAdmin desde el panel del hosting y ejecuta el siguiente comando SQL:</p>
<pre>   SELECT ID, display_name FROM wp_users;</pre>
<p>Allí verás la lista e los usuarios del blog y su correspondiente id. Lo que debes hacer es sustituir los números de id del antiguo autor por el reasignado. Por ejemplo, si queremos reasignar los posts del usuario con id 10 al usuario con id 20, ejecutamos la siguiente consulta:</p>
<pre>   UPDATE wp_posts SET post_author=20 WHERE post_author=10;</pre>
<p>De esta manera habremos resuelto el tema.</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/cambiar-la-autoria-de-posts-de-un-usuario-a-otro-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Desactivar la creación de miniaturas de imagen en WordPress</title>
		<link>http://www.himsomnio.com/desactivar-la-creacion-de-miniaturas-de-imagen-en-wordpress/</link>
		<comments>http://www.himsomnio.com/desactivar-la-creacion-de-miniaturas-de-imagen-en-wordpress/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 16:00:57 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/desactivar-la-creacion-de-miniaturas-de-imagen-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>Cuando creamos un post en WordPress y agregamos una imagen desde el editor, de forma automática se generan miniaturas de la imagen en diferentes tamaños. Estas miniaturas se guardan por defecto en la carpeta /wp-content/uploads y pueden ser necesarias por algunos plugins, o podemos utilizarlas para nuestra plantilla.</p>
<p>Sin embargo en la mayoría de los casos <a href="http://vagabundia.bolsanegra.net/index.php/2009/01/23/deshabilitar-la-creacion-de-miniaturas/">no se utilizan</a>. Esto sumado a que consumen espacio de disco, y la creación de miniaturas supone un consumo innecesario de recursos. Si tenemos nuestro blog alojado en un hosting compartido, son detalles a tener en cuenta.</p>
<p><a href="http://www.linuxhispano.net/2010/09/24/evitar-que-wordpress-haga-miniaturas-de-las-imagenes-al-subirlas/">Deshabilitar la creación de miniaturas</a> es sencillo. En el tablero de WordPress buscamos donde dice Ajustes &#8211; Multimedia y establecemos los valores de las miniaturas a cero.</p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2010/09/desactivar-miniaturas-imagen-wordpress.png" style="WIDTH: 500px; DISPLAY: inline; HEIGHT: 412px" height="412" alt="Desactivar las miniaturas en WordPress" width="500"/></p>
<p>Con esto ya no se generarán más miniaturas, aunque no se borrarán las miniaturas generadas anteriormente. En ese caso las podemos eliminar manualmente desde la carpeta /wp-content/uploads.</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/desactivar-la-creacion-de-miniaturas-de-imagen-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Desactivar y eliminar las revisiones de posts en WordPress</title>
		<link>http://www.himsomnio.com/desactivar-y-eliminar-las-revisiones-de-posts-en-wordpress/</link>
		<comments>http://www.himsomnio.com/desactivar-y-eliminar-las-revisiones-de-posts-en-wordpress/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 15:13:04 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/desactivar-y-eliminar-las-revisiones-de-posts-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>A partir de WordPress 2.6 se incluye una característica que permite guardar revisiones automáticas de posts. Por ejemplo, si hemos posteado un artículo y luego se nos ocurre cambiar una letra o un tilde, se guardará una copia de ese post, algo que podría servir si queremos volver a la versión anterior del artículo. Pero por ejemplo, si lo editamos unas 5 veces, tendremos 5 revisiones de ese único post. Para que tanto?</p>
<p>Esto fácilmente genera que se pueda duplicar el tamaño de nuestra tabla de posts, ya que por cada revisión se crea una copia de ese post. Tal vez en un blog con pocos artículos no se haga notar mucho, pero a la larga es un problema ya que la base de datos engorda y esto genera más consumo de CPU y tiempo de procesamiento cuando se consultan los datos.</p>
<p>Sería lógico que estuviera a la vista la opción de desactivar las revisiones de posts, pero los desarrolladores de WordPress son más inteligentes que yo así que ellos sabrán. Hasta hace poco se podía <a href="http://vagabundia.bolsanegra.net/index.php/2009/01/31/deshabilitar-la-revision-de-posts/">editar el archivo <strong>wp-config.php</strong></a> y agregar la siguiente línea para desactivar las revisiones:</p>
<pre>
   define('WP_POST_REVISIONS', false);
</pre>
<p>Pero parece que <a href="http://wordpress.org/support/topic/273088" rel="nofollow">en las últimas versiones no funciona</a>, así que debemos editar el archivo <strong>default_filters.php</strong> que se encuentra en la carpeta <strong>wp-includes</strong> y buscar la siguiente línea:</p>
<pre>
   add_action( 'pre_post_update', 'wp_save_post_revision' );
</pre>
<p>La comentamos, dejándola de esta manera:</p>
<pre>
   #add_action( 'pre_post_update', 'wp_save_post_revision' );
</pre>
<p>Con ello no se crearán nuevas revisiones de posts. Tal vez si lo hubieran pensado menos, podrían ponerle un límite de revisiones o dejar que el usuario pueda especificar esto en el tablero, pero podemos recurrir nuevamente al <strong>wp-config.php</strong> y agregar la siguiente línea si queremos por ejemplo una revisión única:</p>
<pre>
   define('WP_POST_REVISIONS', 1);
</pre>
<p>Y creo que hasta tener una revisión por cada post en mi caso sería mucho, pero se podría poner 3, 5 o las que se quiera.</p>
<p>Ahora, que hacemos con todas las revisiones ya creadas, por ejemplo,2753 revisiones de posts?</p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2009/08/revision-posts-wordpress.png" style="WIDTH: 400px; DISPLAY: inline; HEIGHT: 67px" height="67" alt="Revisión de posts en WordPress" width="400"/></p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2009/08/revision-posts-wordpress-2.png" style="WIDTH: 400px; DISPLAY: inline; HEIGHT: 78px" height="78" alt="Miles de revisiones de posts en WordPress" width="400"/></p>
<p>Lo que tenemos que hacer es <a href="http://vagabundia.bolsanegra.net/index.php/2009/06/01/configurar-autosave-y-revision-de-posts/">eliminar todas las revisiones ya existentes</a>, algo que podemos hacer ejecutando esta consulta SQL desde PhpMyAdmin (antes conviene respaldar nuestra base de datos):</p>
<pre>
   DELETE a,b,c
   FROM wp_posts a
   LEFT JOIN wp_term_relationships b ON (a.ID=b.object_id)
   LEFT JOIN wp_postmeta c ON (a.ID=c.post_id)
   WHERE a.post_type='revision'
</pre>
<p>Para todo esto hay un plugin llamado <a href="http://wordpress.org/extend/plugins/revision-control/" rel="nofollow">Revision Control</a>, aunque no lo he probado ya que lo anterior me funcionó, pero por si acaso les resulta más facil. Hay otro llamado <a href="http://wordpress.org/extend/plugins/delete-revision/" rel="nofollow">Delete Revision</a> que también sirve para eliminar las revisiones de posts guardadas. Y si a alguien no le funciona o encuentra otra forma que avise, ya que WordPress va hacia adelante, luego hacia atrás y es muy cambiante :roll: </p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/desactivar-y-eliminar-las-revisiones-de-posts-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mostrar tu último tweet en WordPress</title>
		<link>http://www.himsomnio.com/mostrar-tu-ultimo-tweet-en-wordpress/</link>
		<comments>http://www.himsomnio.com/mostrar-tu-ultimo-tweet-en-wordpress/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 13:57:35 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/mostrar-tu-ultimo-tweet-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>Cuando comence a buscar la forma de incluir alguna integración de Twitter en WordPress, lo primero que hice fue ir directamente al sitio de <a href="http://wordpress.org/extend/plugins/" rel="nofollow">plugins para WordPress</a>, donde hay demasiados, y algunos ya no funcionan ya que Twitter ha cambiado algunas cosas. Un plugin que había instalado era <a href="http://www.himsomnio.com/tweetsuite-integrando-twitter-en-wordpress/">TweetSuite</a>, que tiene varias funciones, y al final lo he quitado ya que lo único que me interesaba era que se envíe el tweet de cada post automáticamente. Al final, llegué a la conclusión de que no vale la pena tanto por tan poco.</p>
<p>Otro uso interesante es el que aparece en el encabezado de este blog, mostrando el último tweet sin mucha complicación. La primera versión funcionaba con Javascript, pero para ahorrar un script, lo terminé haciendo con PHP. El señor de los pajaritos es JMiur, que publicó una lista con <a href="http://vagabundia.bolsanegra.net/index.php/2009/08/11/108-plugins-de-wordpress-para-twitter/">108 plugins de Twitter</a>, metió <a href="http://bolsanegra.net/twitterlandia/">un parque de diversiones de Twitter</a> y también muestra como <a href="http://vagabundia.bolsanegra.net/index.php/2009/06/12/twitter-en-wordpress-con-php/">agregar la última entrada de Twitter en WordPress</a>, así que de aquí paso a copiar :twisted:</p>
<p>Por ejemplo, para agregar el último tweet en el encabezado, agregamos el siguiente código en el archivo <strong>header.php</strong> de nuestra plantilla:</p>
<pre>
   &lt;div id="twitterContenedor"&gt;
   &lt;div id="twitterInner"&gt;
   &lt;!-- aquí colocamos el PHP --&gt;
   &lt;/div&gt;
   &lt;div id="twitterLogo"&gt;&lt;a href="http://twitter.com/nombreUsuario" target="_blank"&gt;&lt;/a&gt;&lt;/div&gt;
   &lt;/div&gt;
</pre>
<p>El código PHP que hay que agregar es este:</p>
<pre>
   &lt;?php
   $username = "nombreUsuario";
   $feed = "http://search.twitter.com/search.atom?q=from:" . $username
   . "&amp;rpp=1";
   function parse_feed($feed) {
   $stepOne = explode("&lt;content type=\"html\"&gt;", $feed);
   $stepTwo = explode("&lt;/content&gt;", $stepOne[1]);
   $tweet = $stepTwo[0];
   $tweet = str_replace("&lt;", "&lt;", $tweet);
   $tweet = str_replace("&gt;", "&gt;", $tweet);
   return $tweet;
   }
   $twitterFeed = file_get_contents($feed);
   echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
   ?&gt;
</pre>
<p>Y por último, se puede personalizar el CSS a gusto:</p>
<pre>
   #twitterContenedor {/* el bloque exterior */}
   #twitterInner {/* el bloque interior para poder controlarlo mejor */}
   #twitterInner a {/* los enlaces de cada tweet */}
   #twitterLogo {/* una imagen que sea logo y enlace a la cuenta */}
</pre>
<p>En mi caso lo hice algo diferente pero la idea es la misma, y también se puede ver funcionando en <a href="http://vagabundia.bolsanegra.net/">Vagabundia</a>. De esta forma no precisamos plugins, ni widgets, ni Javascript, solamente unas líneas de PHP y eso es todo.</p>
<p>Ver también:</p>
<ul>
<li><a href="http://www.himsomnio.com/identifica-a-los-spammers-de-twitter-con-twitchuck/">Identifica a los spammers de Twitter</a></li>
<li><a href="http://www.himsomnio.com/optimizar-los-permalinks-de-wordpress/">Optimizar los permalinks de WordPress</a></li>
</ul>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/mostrar-tu-ultimo-tweet-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Comprimir CSS al máximo en WordPress</title>
		<link>http://www.himsomnio.com/comprimir-css-al-maximo-en-wordpress/</link>
		<comments>http://www.himsomnio.com/comprimir-css-al-maximo-en-wordpress/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 14:02:00 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/comprimir-css-al-maximo-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>En algún momento vimos lo fundamental que es <a href="http://www.himsomnio.com/habilitar-la-compresion-gzip-en-wordpress/">habilitar la compresión gzip en WordPress</a> para acelerar la carga del blog y ahorrar ancho de banda. La diferencia se nota y mucho, aunque esto no se aplica a los archivos CSS.</p>
<p>Por un lado, tenemos montones de herramientas para formatear y optimizar nuestros códigos CSS como podemos ver <a href="http://www.cosassencillas.com/2009/04/06/60-herramientas-css-reducir-su-carga-trabajo/">en esta gran lista</a> realizada por <a href="http://www.cosassencillas.com/">Cosas Sencillas</a>. Muchas de estas utilidades están disponible online y nos sirven de mucho para mejorar nuestros archivos. <a href="http://www.cleancss.com/index.php" rel="nofollow">Clean CSS</a> es una de las que utilizo. Pero podemos ir más allá y <strong>comprimir los archivos CSS con gzip utilizando PHP</strong> logrando resultados sorprendentes, como comprimir 11,5 kb en solo 2 kb en el caso de este blog.</p>
<p>Normalmente en WordPress, en la carpeta de nuestra plantilla tenemos un archivo <strong>style.css</strong>, y suele estar incluido de la siguiente forma o similar:</p>
<pre>
   &lt;link rel="stylesheet" type="text/css" href="http://tublog/wp-content/themes/plantilla/style.css"   /&gt;
</pre>
<p>Lo primero que tenemos que hacer en este caso es crear una copia del archivo style.css con el nombre <strong>style.css.php</strong>. Después modificamos el código anterior para que haga referencia a este archivo, de forma que quedaría de esta forma:</p>
<pre>
   &lt;link rel="stylesheet" type="text/css" href="http://tublog/wp-content/themes/plantilla/style.css.php"   /&gt;
</pre>
<p>Luego editamos el archivo <strong>style.css.php</strong>, agregando la siguiente línea al inicio del archivo:</p>
<pre>
   &lt;?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?&gt;
</pre>
<p>Y esta línea al final:</p>
<pre>
   &lt;?php if(extension_loaded('zlib')){ob_end_flush();}?&gt;
</pre>
<p>Guardamos el archivo y listo. Al recargar la página el contenido del archivo <strong>style.css.php</strong> ahora se envía de forma comprimida, por lo que carga más rápido. En realidad no se comprime el archivo, sino el envío de datos. En WordPress se suele usar mucho la funcion &lt;?php bloginfo(&#8216;stylesheet_url&#8217;); ?&gt; para referenciar al archivo CSS, entonces en ese caso la ruta podría quedar como <strong>&lt;?php bloginfo(&#8216;stylesheet_url&#8217;); ?&gt;.php</strong>.</p>
<p>Para verificar que esto funciona, una forma es con la extensión <a href="http://www.zonafirefox.net/2006/07/firebug-perfecciona-tu-site.html/?paged=6">Firebug</a> para Firefox, habilitando la pestaña de <strong>Red</strong> y luego cargando la página. Allí veremos el resultado:</p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2009/08/css-gzip.png" style="WIDTH: 400px; DISPLAY: inline; HEIGHT: 97px" height="97" alt="CSS comprimido con PHP" width="400"/></p>
<p>Tal vez el tamaño de un archivo CSS no es demasiado grande y hay otros aspectos a tener en cuenta para optimizar la velocidad de carga de nuestro blog, como disponer de una cache y optimizar las imágenes, pero no es algo a desmerecer ya que el CSS es algo que todo el tiempo se carga y no viene a mal reducir el tamaño al máximo.</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/comprimir-css-al-maximo-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Habilitar la compresión gzip en WordPress</title>
		<link>http://www.himsomnio.com/habilitar-la-compresion-gzip-en-wordpress/</link>
		<comments>http://www.himsomnio.com/habilitar-la-compresion-gzip-en-wordpress/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 11:00:13 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/habilitar-la-compresion-gzip-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>Por alguna razón a partir de la versión 2.5 de <a rel="nofollow" href="http://www.himsomnio.com/wordpress">WordPress</a> se quitó una opción del tablero que es útil para acelerar la carga de nuestro blog. Se trata de <strong>habilitar la compresión de datos con gzip</strong>. Con este mecanismo se comprime la información que se envía desde el servidor y el navegador se encarga de descomprimirla al instante, lo que <strong>permite ahorrar ancho de banda y que el sitio cargue más rápido</strong>. Esto es algo que funciona con cualquier navegador moderno y no tan moderno, como puede verse <a href="http://schroepl.net/projekte/mod_gzip/browser.htm">en este artículo</a>.</p>
<p>Al no tener la opción en WordPress a la vista dependerá si nuestro hosting tiene activada esta característica o no. Para quitarnos la duda podemos <a href="http://www.whatsmyip.org/http_compression/">ir a este sitio</a> y verificar si nuestro sitio está enviando la información codificada en gzip. O si utilizas <a href="http://www.zonafirefox.net/2006/07/firebug-perfecciona-tu-site.html">Firebug</a>, puedes ir a la pestaña de <strong>Red</strong> y revisar si el encabezado viene en gzip:</p>
<p style="TEXT-ALIGN: center"><img style="width: 400px; display: inline; height: 340px;" src="http://www.himsomnio.com/wp-content/images/2009/06/test-gzip-firebug.png" alt="Firebug: verificar si los datos se envían con gzip" width="400" height="340" /></p>
<p>A menos que se utilice un hosting compartido es muy probable que en el panel del hosting se tenga la opción para habilitar la compresión gzip. Otra opción es agregar la siguiente línea al archivo <strong>.htaccess</strong> (en caso de un servidor Apache):</p>
<pre>php_value output_handler ob_gzhandler</pre>
<p>Y la opción más sencilla es instalando el plugin <a rel="nofollow" href="http://wordpress.org/extend/plugins/gzippy/">GZippy</a> para WordPress que es muy liviano y agrega esta funcionalidad. No tiene opciones, solamente se activa y solucionado el tema.</p>
<p>Si quisiéramos medir el tiempo de carga de un blog en WordPress podemos agregar este pequeño código en el archivo <strong>footer.php</strong> de nuestro theme, justo antes de <strong>&lt;/body&gt;:</strong></p>
<pre>&lt;?php echo get_num_queries(); ?&gt; consultas en &lt;?php timer_stop(1); ?&gt; segundos.</pre>
<p>Con esto se podría comparar cuanto tarda en cargar el sitio teniendo la compresión gzip habilitada. Las pruebas que hice me dieron buenos resultados, ahorrando de un 60% a 80% de ancho de banda. Este mecanismo no sustituye a la cache, que es tema aparte, sino que se pueden complementar.</p>
<p>Ver también:</p>
<ul>
<li><a href="http://www.himsomnio.com/optimizar-los-permalinks-de-wordpress/">Optimizar los permalinks de WordPress</a></li>
<li><a href="http://vagabundia.bolsanegra.net/index.php/2009/03/15/los-archivos-elementales-de-wordpress-1/">Los archivos elementales de WordPress</a> (Vagabundia)</li>
</ul>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/habilitar-la-compresion-gzip-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>TweetSuite: integrando Twitter en WordPress</title>
		<link>http://www.himsomnio.com/tweetsuite-integrando-twitter-en-wordpress/</link>
		<comments>http://www.himsomnio.com/tweetsuite-integrando-twitter-en-wordpress/#comments</comments>
		<pubDate>Fri, 13 Mar 2009 15:50:53 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/tweetsuite-integrando-twitter-en-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2009/03/tweetsuite-1.png" style="WIDTH: 398px; DISPLAY: inline; HEIGHT: 133px" height="133" alt="TweetSuite: integrando Twitter en WordPress" width="398"/></p>
<p>Buscando algo que me permita actualizar mi cuenta de <a href="http://twitter.com/">Twitter</a> cada vez que publico un post, comencé a ver plugins para <a href="http://www.himsomnio.com/wordpress/">WordPress</a> que me permitan hacer esto automáticamente. Hay varios que permiten esto, de hecho hay listas de <a href="http://www.quickonlinetips.com/archives/2007/04/10-best-twitter-tools-for-wordpress-blogs/">plugins de Twitter para WordPress</a>, pero de todos ellos me quedé con <a href="http://danzarrella.com/beyond-tweetbacks-introducing-tweetsuite.html">TweetSuite</a>, que cumple la función de varios, lo que me resulta mejor que andar con un montón de plugins pequeños. Con este plugin no solo consigo lo que buscaba sino que <strong>la integración con Twitter es prácticamente completa</strong>.</p>
<p>Para instalarlo, lo primero que debemos hacer es <a href="http://danzarrella.com/TweetSuite.zip">descargar el plugin</a> y subir la carpeta a <strong>wp-content/plugins</strong>. Luego lo activamos y tendremos una nueva opción <strong>TweetSuite</strong> en el tablero donde podemos configurarlo. Allí tendremos varias opciones:</p>
<h4>TweetBacks</h4>
<p>Activando esta opción integramos los comentarios que hagan en Twitter sobre los posts, siempre y cuando haya algún enlace al post que se comenta. Similar a los TrackBacks pero para Twitter.</p>
<h4>Agregar botones para enviar a Twitter</h4>
<p>El plugin incluye algunas imagenes para tweet y retweet que pueden agregarse en los posts. De todas formas estas imagenes se pueden reemplazar por las que gusten para que quede bien integrado a la plantilla.</p>
<h4>Enviar a Twitter cuando publicamos un post</h4>
<p>Esto es lo que más me interesó, ya que lo hace cómodo, es automático, utiliza <a href="http://tinyurl.com/">TinyURL</a> para los enlaces y funciona bien. Para esto tenemos que configurar nuestro usuario y ccontraseña de Twitter, cosa que hacemos desde ahí mismo.</p>
<h4>Widgets</h4>
<p>Si todo lo anterior parece poco, también se puede agregar en la sidebar unos widgets que permiten mostrar lo último enviado a Twitter o tweets favoritos. Esto es opcional, y los widgets pueden acomodarse en cualquier parte de la sidebar.</p>
<p>En mi caso Twitter ya se ha convertido en <strong>una herramienta de uso diario</strong>. Lo que al principio parecía solamente un servicio más donde uno solo actualizaba su estado se ha vuelto una fuente valiosa de información diaria y que además es <strong>en tiempo real</strong>. Los sitios han ido integrando Twitter ya que hoy mueve tráfico y genera un &#8220;ida y vuelta&#8221;. Y <strong>es abierto</strong> a diferencia de <a href="http://vagabundia.bolsanegra.net/index.php/2009/01/29/mea-culpa/">Facebook</a>. Twitter no para de crecer, y si alguien no se convence se puede leer estas <a href="http://spamloco.net/2008/12/por-que-usar-twitter-ideas-y-consejos.html">5 razones para comenzar a usarlo</a>.</p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/tweetsuite-integrando-twitter-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Cansado de actualizar WordPress?</title>
		<link>http://www.himsomnio.com/cansado-de-actualizar-wordpress/</link>
		<comments>http://www.himsomnio.com/cansado-de-actualizar-wordpress/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 14:53:55 +0000</pubDate>
		<dc:creator>Nico</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.himsomnio.com/cansado-de-actualizar-wordpress/</guid>
		<description><![CDATA[<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/><p>Yo si lo estoy. Me cansa que cada vez que entro al tablero de <a href="http://www.himsomnio.com/wordpress">WordPress</a> veo ese cartelito que me recuerda todo el tiempo que tengo que actualizar. No me parece mal que uno tenga que actualizar algo porque no reniego de una nueva versión si me conviene o me facilita una tarea, pero en este caso, <strong>es algo exagerado</strong>. Es todo el tiempo, es paranoico y cada poco tiempo hay que hacerlo otra vez.</p>
<p style="TEXT-ALIGN: center"><img src="http://www.himsomnio.com/wp-content/images/2009/03/wordpress-updatenow-1.png" style="WIDTH: 333px; DISPLAY: inline; HEIGHT: 32px" height="32" alt='Wordpress: no más "Please update now"' width="333"/></p>
<p>Y para qué? En la gran mayoría de los casos no afecta en nada lo que hago en mi blog. Pero lo anuncian con signos de exclamación. Y en mi caso llegó el punto en que me ganó por cansancio. Pero no voy a actualizar ahora, sino que voy a <a href="http://vagabundia.bolsanegra.net/index.php/2009/02/05/no-mas-please-update-now/">quitar el cartel molesto de actualización</a>, que es sencillo de hacer, ocultándolo vía <strong>CSS</strong>.</p>
<p>Lo que hay que hacer es buscar el archivo <strong>wp-admin.css</strong> que se encuentra dentro de la carpeta <strong>wp-admin</strong> de la instalación de WordPress y agregar la propiedad <strong>display:none</strong> a la siguiente definición (abrimos con un editor de textos y buscamos):</p>
<pre>
  #update-nag, .plugin-update {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  <strong>display: none;</strong>
}
</pre>
<p>Con esto ya no aparece el cartel de actualizaciones. Lo que no significa que no vaya a actualizar en algún momento, pero no cada vez que lo recuerden. Tampoco me fío de la actualización automática porque cuando la utilice dió problemas, así que de momento, lo dejo como está porque por ahora, todo sigue funcionando.</p>
<p>Referencia: <a href="http://vagabundia.bolsanegra.net/index.php/2009/02/05/no-mas-please-update-now/">Vagabundia</a></p>
<img src="/wp-content/themes/himsomnio/images/wordpress-icon-bsn.gif" width="62" height="45" alt="" title="Wordpress" /><br/>]]></description>
		<wfw:commentRss>http://www.himsomnio.com/cansado-de-actualizar-wordpress/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

