<?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>TecnoBita &#187; WordPress</title> <atom:link href="http://www.tecnobita.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" /><link>http://www.tecnobita.com</link> <description>Blog de novedades, software, internet y aplicaciones.</description> <lastBuildDate>Sat, 11 Feb 2012 01:42:11 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Temas Google Plus para WordPress</title><link>http://www.tecnobita.com/2011/09/temas-google-plus-para-wordpress/</link> <comments>http://www.tecnobita.com/2011/09/temas-google-plus-para-wordpress/#comments</comments> <pubDate>Wed, 07 Sep 2011 20:48:47 +0000</pubDate> <dc:creator>anfetas</dc:creator> <category><![CDATA[Programación y Diseño Web]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Google Plus]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://www.tecnobita.com/?p=5633</guid> <description><![CDATA[El lanzamiento de la red social Google+ ha sido adaptada rápidamente por los usuarios del mundo, después de unas semanas de lanzamiento logró lo que otros redes demoraron años. Pues esta red llamó la atención de los diseñadores de temas WordPress que ya existen en la red 3 temas diferentes con el estilo de Google [...]<p><a href="http://www.tecnobita.com/2011/09/temas-google-plus-para-wordpress/">Temas Google Plus para WordPress</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></description> <content:encoded><![CDATA[<p style="text-align: justify">El lanzamiento de la red social <strong>Google+</strong> ha sido adaptada rápidamente por los usuarios del mundo, después de unas semanas de lanzamiento logró lo que otros redes demoraron años.</p><p style="text-align: justify">Pues esta red llamó la atención de los diseñadores de <strong>temas WordPress</strong> que ya existen en la red <strong>3 temas diferentes con el estilo de Google Plus</strong>.</p><p style="text-align: center"><img class="alignnone size-large wp-image-5634" src="http://www.tecnobita.com/wp-content/uploads/2011/09/temas-google-plus-400x237.jpg" alt="temas google plus 400x237 Temas Google Plus para WordPress" width="400" height="237" title="Temas Google Plus para WordPress" /></p><p style="text-align: justify">Los diseños de estos temas son muy parecidos a la apariencia de la red social, es decir, tienen 3 columnas, una al lazo izquierdo, una en el centro con más espacio y la otra en el lado derecho.</p><p style="text-align: justify">Los colores predominantes en este diseño de son el color gris y negro, tal cual se maneja en Google+.</p><p style="text-align: justify">Si bien los temas son muy sencillos puede que a uno de ustedes les agrade, claro está que si cuentan con conocimiento en el diseño de temas, podrás realizar modificaciones a su antojo.</p><p style="text-align: justify">Descargar Temas Google Plus para WordPress:  <strong><a href="http://www.tricksdaddy.com/2011/07/wp-plus-google-wordpress-theme.html">WP Plus</a></strong>, <strong><a href="http://www.hacktrix.com/plusone-wordpress-theme">PlusOne</a>, </strong> <strong><a href="http://www.cssreflex.com/2011/07/google-plus-wordpress-theme.html/">Reflex+</a></strong></p><p><a href="http://www.tecnobita.com/2011/09/temas-google-plus-para-wordpress/">Temas Google Plus para WordPress</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></content:encoded> <wfw:commentRss>http://www.tecnobita.com/2011/09/temas-google-plus-para-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Resaltar entradas del día en WordPress</title><link>http://www.tecnobita.com/2009/02/resaltar-entradas-del-dia-en-wordpress/</link> <comments>http://www.tecnobita.com/2009/02/resaltar-entradas-del-dia-en-wordpress/#comments</comments> <pubDate>Thu, 19 Feb 2009 21:43:11 +0000</pubDate> <dc:creator>Erick Ospino</dc:creator> <category><![CDATA[Programación y Diseño Web]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://www.tecnobita.com/?p=3573</guid> <description><![CDATA[Alexander Moya me ha contactado hace un par de días para preguntarme sobre la posibilidad de escribir un artículo en TecnoBITA como invitado, así que decidí aceptar y ver si de esa forma abro definitivamente una nueva categoría en el blog sobre Programación y Diseño Web. Tutorial creado por Alexander Moya, autor del blog de [...]<p><a href="http://www.tecnobita.com/2009/02/resaltar-entradas-del-dia-en-wordpress/">Resaltar entradas del día en WordPress</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></description> <content:encoded><![CDATA[<p><strong>Alexander Moya</strong> me ha contactado hace un par de días para preguntarme sobre la posibilidad de escribir un artículo en <strong>TecnoBITA</strong> como invitado, así que decidí aceptar y ver si de esa forma abro definitivamente una nueva categoría en el blog sobre <strong>Programación y Diseño Web</strong>.</p><div class="aviso">Tutorial creado <strong>por Alexander Moya</strong>, autor del blog de tecnología <a href="http://www.tecnovits.com/" target="_blank">TecnoVits</a></div><p align="center"><img class="alignnone size-full wp-image-3574" title="Resaltar entradas en WordPress" src="http://www.tecnobita.com/wp-content/uploads/2009/02/resaltar-entradas-wordpress.jpg" alt="resaltar entradas wordpress Resaltar entradas del día en WordPress" width="366" height="146" /></p><p align="justify">Resaltar las entradas del día puede ser muy útil para nuestros visitantes, aquellos no suscritos al RSS del blog, pueden estar entrando diariamente para revisar las últimas noticias, adelantos o novedades del día.</p><p align="justify">Sin embargo deben estar buscando de artículo en artículo, cuáles fueron escritos hoy y cuales no. Pero qué tal si quisiéramos facilitar este proceso, separar los artículos de hoy, del resto de artículos?</p><p align="justify">Ahí es cuando podemos hacer uso de algunas funciones pequeñas y sencillas de usar, WordPress viene naturalmente hecho para ser extendido en muchas formas, nosotros en este tutorial nos ensuciaremos las manos con un poquito de código PHP, sin embargo como dije antes es muy sencillo y no hay donde perderse.<span id="more-3573"></span></p><p align="justify"><strong>Separar las entradas:</strong></p><ul><li><div>Abrimos index.php de la instalación de WordPress</div></li><li><div>Buscamos el loop de wordpress que inicia en:</div></li></ul><div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   1:</span> &lt;?php <span style="color: #0000ff">if</span> ( have_posts() ) : <span style="color: #0000ff">while</span> ( have_posts() ) : the_post(); ?&gt;</pre></div></div><pre>&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;</pre><ul><li><div><span style="font-family: Courier New;">WordPress cuenta con métodos que cuentan los segundos transcurridos desde el unix Epoch (1 de enero de 1970), este método es ampliamente usado en varias áreas, lo que haremos es capturar el tiempo de cada entrada en el index.php y compararla con el día actual, ambos en segundos desde 1970, para ello copiamos y pegamos ambas líneas luego de la instrucción del punto anterior:</span></div></li></ul><p>&lt;?php $today = date(&#8220;Y-m-d&#8221;); $post_time = get_the_time(&#8216;U&#8217;); $today_unix = strtotime($today);<br /> if ($post_time &gt;</p><pre>
<div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;">
<div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;">
<pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   1:</span> &lt;?php $today = date(<span style="color: #006080">"Y-m-d"</span>); $post_time = get_the_time(<span style="color: #006080">'U'</span>); $today_unix = strtotime($today);</pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><span style="color: #606060">   2:</span> <span style="color: #0000ff">if</span> ($post_time &gt; $today_unix) { $hoy = yes; } <span style="color: #0000ff">else</span> { $hoy = no; } <span style="color: #0000ff">if</span> ($hoy === yes) {    echo(<span style="color: #006080">'&lt;div id="hoy"&gt;'</span>); } ?&gt;</pre></div></div> </pre><p align="justify">Aquí ocurrió lo siguiente:</p><ol><li><div><span style="font-family: Courier New;">Estamos guardando el día de hoy en una variable php llamada $today y luego la transformamos en segundos con la medida del epoch en $today_unix.</span></div></li><li><div><span style="font-family: Courier New;">En $post_time guardamos la fecha en segundos desde el epoch de la entrada actual.</span></div></li><li><div><span style="font-family: Courier New;">El if compara las fechas, si son iguales guarda un yes en $hoy, de lo contrario guarda un no.</span></div></li><li><div><span style="font-family: Courier New;">Si $hoy tiene un yes, abre un nuevo div titulado “hoy”, como bien sabemos los divs son cajas invisibles que nos permiten manipular su contenido a antojo con la ayuda de CSS.</span></div></li></ol><ul><li><div><span style="font-family: Courier New;">Buscamos el final del loop de WordPress que termina en:</span></div></li></ul><div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   1:</span> &lt;?php endwhile; <span style="color: #0000ff">else</span>: ?&gt;</pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><span style="color: #606060">   2:</span> &lt;p&gt;&lt;?php _e(<span style="color: #006080">'Sorry, no posts matched your criteria.'</span>); ?&gt;&lt;/p&gt;</pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   3:</span> &lt;?php endif; ?&gt;</pre></div></div><ul><li><div><span style="font-family: Courier New;">Antes del final agregamos:</span></div></li></ul><div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   1:</span> &lt;?php <span style="color: #0000ff">if</span> ($hoy === yes) { echo(<span style="color: #006080">'&lt;/div&gt;'</span>); } ?&gt;</pre></div></div><p align="justify">Si $hoy es igual a yes cerramos el contenedor div y ahora cada entrada de hoy esta encerrada en un div de id=”hoy”</p><p align="justify"><strong>Darle estilo:</strong></p><p align="justify">Con esto terminamos de manipular el loop de WordPress y solo queda agregar un poco de CSS  para diferenciar las entradas del día actual:</p><ul><li><div>Abrimos style.css</div></li><li><div>Agregamos la siguiente referencia a nuestro div id=”hoy” al final de style.css: #hoy { }</div></li></ul><p align="justify">Adentro de estas dos llaves podremos incluir todo el código que queramos para diferenciar las entradas de hoy, por ejemplo como en mi tema actual yo muestro la entrada más reciente con un extracto y las demás como una lista de títulos, decidí agregar una imagen que represente los artículos escritos hoy:</p><p align="justify">Para lograr esto, solo tuve que crear el pequeño ícono que lo llame new.gif y agregar como imagen en el div de hoy en style.css:</p><div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; font-size: 8pt; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><div style="border-style: none; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   1:</span> #hoy {</pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><span style="color: #606060">   2:</span>     background: url(http:<span style="color: #008000">//www.tecnovits.com/…/new.gif) no-repeat left;</span></pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: white;"><span style="color: #606060">   3:</span>     margin-right: 4px;</pre><pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-size: 8pt; width: 100%; color: black; line-height: 12pt; font-family: consolas,'Courier New',courier,monospace; background-color: #f4f4f4;"><span style="color: #606060">   4:</span> }</pre></div></div><p align="justify">Y cada día solo se resaltaran con este íconos las entradas escritas ese día. Con CSS pueden jugar bastante, pueden cambiarle el fondo a los artículos de hoy, el color de la letra, imágenes diferentes, etc. Con CSS hay pocos limites.</p><p align="justify">¿Como resaltarías tu las entradas ?, cuéntanos en los comentarios.</p><p><a href="http://www.tecnobita.com/2009/02/resaltar-entradas-del-dia-en-wordpress/">Resaltar entradas del día en WordPress</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></content:encoded> <wfw:commentRss>http://www.tecnobita.com/2009/02/resaltar-entradas-del-dia-en-wordpress/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Aplicación para manejar WordPress desde el iPhone: ¡Disponible!</title><link>http://www.tecnobita.com/2008/07/aplicacion-para-manejar-wordpress-desde-el-iphone-%c2%a1disponible/</link> <comments>http://www.tecnobita.com/2008/07/aplicacion-para-manejar-wordpress-desde-el-iphone-%c2%a1disponible/#comments</comments> <pubDate>Tue, 22 Jul 2008 08:02:21 +0000</pubDate> <dc:creator>Erick Ospino</dc:creator> <category><![CDATA[Utilidades]]></category> <category><![CDATA[Blogs]]></category> <category><![CDATA[Controlar WordPress iPhone]]></category> <category><![CDATA[iPhone]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://www.tecnobita.com/?p=2214</guid> <description><![CDATA[A través del blog de Anieto2k me entero que WordPress ha desarrollado una aplicación nativa para el iPhone que permitirá manejar completamente nuestro blog gestionado con dicha plataforma. La aplicación está disponible de forma gratuita en la AppStore. Si la haz probado, puedes notificar cualquier tipo de problemas. Descargar &#124; WordPress for iPhone Aplicación para [...]<p><a href="http://www.tecnobita.com/2008/07/aplicacion-para-manejar-wordpress-desde-el-iphone-%c2%a1disponible/">Aplicación para manejar WordPress desde el iPhone: ¡Disponible!</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></description> <content:encoded><![CDATA[<p>A través del blog de <a href="http://www.anieto2k.com/2008/07/22/aplicacion-nativa-de-worpdress-para-iphone-disponible/">Anieto2k</a> me entero que <a href="http://iphone.wordpress.org/2008/07/22/wordpress-for-iphone-available%20now/">WordPress</a> ha desarrollado una aplicación nativa para el iPhone que permitirá manejar completamente nuestro blog gestionado con dicha plataforma. La aplicación está disponible de forma gratuita en la <strong>AppStore</strong>. Si la haz probado, puedes <a href="http://iphone.wordpress.org/report-issues/">notificar cualquier tipo de problemas</a>.</p><p>Descargar | <a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=285073074&amp;mt=8">WordPress for iPhone</a></p><p><a href="http://www.tecnobita.com/2008/07/aplicacion-para-manejar-wordpress-desde-el-iphone-%c2%a1disponible/">Aplicación para manejar WordPress desde el iPhone: ¡Disponible!</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></content:encoded> <wfw:commentRss>http://www.tecnobita.com/2008/07/aplicacion-para-manejar-wordpress-desde-el-iphone-%c2%a1disponible/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Akismet: El 90% de los comentarios en blog es SPAM</title><link>http://www.tecnobita.com/2008/04/akismet-el-90-de-los-comentarios-en-blog-es-spam/</link> <comments>http://www.tecnobita.com/2008/04/akismet-el-90-de-los-comentarios-en-blog-es-spam/#comments</comments> <pubDate>Wed, 16 Apr 2008 23:05:34 +0000</pubDate> <dc:creator>Erick Ospino</dc:creator> <category><![CDATA[Otros]]></category> <category><![CDATA[Informe]]></category> <category><![CDATA[SPAM]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://www.tecnobita.com/?p=1775</guid> <description><![CDATA[No soy el único blogger que se ha dado cuenta el reciente aumento de los comentarios SPAM, una gran molestia para nuestro blog, ya que podría llegar a saturar un poco nuestro servidor. Luego de actualizar a WordPress 2.5, comencé a recibir entre 15-20 comentarios SPAM por día, cosa que me parecía muy extraña y [...]<p><a href="http://www.tecnobita.com/2008/04/akismet-el-90-de-los-comentarios-en-blog-es-spam/">Akismet: El 90% de los comentarios en blog es SPAM</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></description> <content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-1774 alignright" style="float: right;" title="SPAM" src="http://www.tecnobita.com/wp-content/uploads/2008/04/spam.jpg" alt="spam Akismet: El 90% de los comentarios en blog es SPAM" width="184" height="183" />No soy el único blogger que se ha dado cuenta el reciente aumento de los <strong>comentarios SPAM</strong>, una gran molestia para nuestro blog, ya que podría llegar a <a href="http://sigt.net/archivo/esto-se-puede-considerar-un-ddos-a-sigt.xhtml">saturar un poco nuestro servidor</a>. Luego de actualizar a <strong>WordPress 2.5</strong>, comencé a recibir entre <strong>15-20 comentarios SPAM por día</strong>, cosa que me parecía muy extraña y que a la vez (<em>aunque parezca algo loco</em>) me alegraba, ya que casi no recibía comentarios de este tipo.</p><p>Revisando las <a href="http://akismet.com/stats/">estadísticas de Akismet</a> (<em>el mejor plugin contra el SPAM</em>) anteriormente, vemos un incremento en los comentarios basura, cosa que me entero vía <a href="http://www.fayerwayer.com/2008/04/90-de-los-comentarios-en-los-blogs-son-spam/">FayerWayer</a>.</p><p>Desde hace dos días, comencé a implementar el sistema para devolver el SPAM, llamado <a href="http://www.viciao2k3.net/blog/php/experimento-para-devolver-el-spam/">Eatyourshit</a>, desarrollado por <a href="http://www.viciao2k3.net/">Gafeman</a>. Ahora, si a caso recibo comentarios:</p><p style="text-align: center;"><img class="alignnone size-full wp-image-1773" title="Comentarios SPAM" src="http://www.tecnobita.com/wp-content/uploads/2008/04/spam-comments.jpg" alt="spam comments Akismet: El 90% de los comentarios en blog es SPAM" width="402" height="80" /></p><p>Esperemos que este dos se mantenga o nunca crezca.</p><p><a href="http://www.tecnobita.com/2008/04/akismet-el-90-de-los-comentarios-en-blog-es-spam/">Akismet: El 90% de los comentarios en blog es SPAM</a> es un post de: <a href="http://www.tecnobita.com">TecnoBita</a></p> ]]></content:encoded> <wfw:commentRss>http://www.tecnobita.com/2008/04/akismet-el-90-de-los-comentarios-en-blog-es-spam/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 1/21 queries in 0.015 seconds using disk: basic
Object Caching 604/646 objects using disk: basic

Served from: www.tecnobita.com @ 2012-02-12 21:07:04 -->
