Para este tutorial crearemos un widget de entradas más comentadas con numeración y degradado. Sin embargo siguiendo este ejemplo usted será capaz de crear cualquier widget a medida, veamos la muestra:

[IMAGEN]

Los requisitos.

WordPress 2.8 o superior
Para que un widget pueda funcionar un theme debe estar widgetizado, generalmente la mayoría de themes tienen soporte.
Es necesario que tenga conocimientos en programación php y css de manera básica.

Paso 1

Crear la clase necesaria para generar el widget, esta clase hereda de la clase WP_Widget, se copiarán a functions.php.

class WidgetMasComentadoGradient extends WP_Widget {
 function WidgetMasComentadoGradient() {
 parent::__construct( false, 'Más Comentados Gradient' , array( 'description' => 'Una escalera de posts poulares en degradado'));
 }
 function widget( $args, $instance ) {
 masComentadosGradient($args, $instance);
 }
 function update( $new_instance, $old_instance ) {
 return $new_instance;
 }
function form( $instance ) {
 $title = esc_attr($instance['title']);
 $numero = esc_attr($instance['numero']);
 ?>
 <p>
 <label for="<?php echo $this->get_field_id('title'); ?>">Titulo: </label>
 <input id="<?php echo $this->get_field_id('title'); ?>" class="widefat" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" />
 </p><p>
 <label for="<?php echo $this->get_field_id('numero'); ?>">Cantidad a mostrar: </label>
 <input id="<?php echo $this->get_field_id('numero'); ?>" class="widefat" name="<?php echo $this->get_field_name('numero'); ?>" type="text" value="<?php echo $numero; ?>" />
 </p>
 <?php 
 }
}

Como observarás, el en constructor de la clase se agrega el Titulo y la Descripción del widget, es lo que aparecerá en el panel de widgets de su blog, como la siguiente imagen:
[IMAGEN]
Creamos la función encargada de imprimir el widget , el cual recibe como parámetros los argumentos del widget y las instancias.

function masComentadosGradient($args, $instance){
 extract($args);
 $title = apply_filters( 'widget_title', $instance['title'] );
 $numero = apply_filters( 'widget_title', $instance['numero'] );
 /*Se muestra el título del widget*/
 echo $before_widget;
 if (!empty( $title ))
 echo $before_title . $title . $after_title;
 else
 echo $before_title . 'Más comentados' . $after_title;
?>
<div class="gradient">
 <ul>
 <?php 
 /*Filtro para mostrar los post del ultimo mes*/
 function filter_where( $where = '' ) {
 $where .= " AND post_date > '" . date('Y-m-d', strtotime('-30 days')) . "'";
 return $where;
 }
 $popular = new WP_Query('orderby=comment_count&posts_per_page='.$numero);
 remove_filter( 'posts_where', 'filter_where' );
 $i=1;
 ?>
 <?php while ($popular->have_posts()) : $popular->the_post(); 
 ?>
 <li id="list_<?php echo $i ?>">
<div class="text"> 
 <span class="num"><?php echo $i ?></span>
 <a class="popup_link" href="<?php the_permalink() ?>" rel="bookmark"><?php echo (strlen(get_the_title()) > 90 ? substr(get_the_title(),0,90). '...' : get_the_title() ); ?></a>
 </div>
 </li> 
 <?php 
 $i++; endwhile; ?>
 </ul>
</div>
<?php 
 echo $after_widget; 
}

Paso 3

Añadimos una acción cuando los widgets se inicializan en el panel de administrador con la siguiente función:

function creaWidgets(){
 register_widget( 'WidgetMasComentadoGradient' );
}
add_action( 'widgets_init', 'creaWidgets' );

Paso 4

Ahora hay que aplicarle estilos css para mejorar la apariencia, si desea puede añadir los estilos dentro de la función masComentadosGradient, pero para pruebas añadiremos los estilos al final de style.css del theme actual, luego al final explicaré a poner todo en un solo archivo. Previamente a los estilos , al arrastrar el widget en el sidebar quedaría así de feo.
[IMAGEN]

Entonces es hora de darle efecto, pega el siguiente código en style.css:

.gradient{
background: #fff;
padding-left: 8px;
position: relative;
}
.gradient li{
margin-bottom: 6px;
position: relative;
}
.gradient li a{
display: block;
background: red;
margin-bottom: 6px;
padding: 6px 8px;
height: 40px;
width: 245px;
text-decoration: none;
}
.gradient li a.popup_link{
padding-left: 40px;
color: #fff;
}
.gradient li#list_1 a.popup_link {
 width: 245px;
 background: red;
}
.gradient li#list_2 a.popup_link {
 width: 235px;
 background: #FA2121;
} 
.gradient li#list_3 a.popup_link {
 width: 220px;
 background: #FA4A4A;
} 
.gradient li#list_4 a.popup_link {
 width: 210px;
 background: #FC5C5C;
} 
.gradient li#list_5 a.popup_link {
 width: 195px;
 background: #FD7272;
} 
.gradient li#list_6 a.popup_link {
 width: 180px;
 background: #FC7F7F;
}
.gradient li#list_7 a.popup_link {
 width: 165px;
 background: #FF8E8E;
} 
.gradient li#list_8 a.popup_link {
 width: 150px;
 background: #FF9B9B;
} 
.gradient li#list_9 a.popup_link {
 width: 135px;
 background: #FFA9A9;
} 
.gradient li#list_10 a.popup_link {
 width: 120px;
 background: #FDBDBD;
}
.gradient li a.popup_link:hover{
 background: #FC2D6F !important;
}
.gradient li span.num{
 position: absolute;
 display: block;
 width: 40px;
 height: 40px;
 left: 10px;
 top: 15px;
 font-size: 40px;
 font-weight: bold;
 color: #fff;
}

Realizado esto, su vista tendrá una mejor experiencia, ademas puede modificar los colores del degradado a su gusto.

Paso 5

Como lo dije antes todo el código puede añadirle a functions.php, pero yo recomiendo crear un archivo por separado y luego incluirlo a functions.php, entonces lo haremos así.

Creamos un archivo llamado widget-gradient.php , añadimos todo el código anteriormente explicado y guardamos en el directorio principal del theme que actualmente está usando.

<?php 
function masComentadosGradient($args, $instance){
?>
<style>
.gradient{
background: #fff;
padding-left: 8px;
position: relative;
} 
.gradient li{
margin-bottom: 6px;
position: relative;
} 
.gradient li a{
display: block;
background: red;
margin-bottom: 6px;
padding: 6px 8px;
height: 40px;
width: 245px;
text-decoration: none;
}
.gradient li a.popup_link{
padding-left: 40px;
color: #fff;
}
.gradient li#list_1 a.popup_link {
 width: 245px;
 background: red;
}
.gradient li#list_2 a.popup_link {
 width: 235px;
 background: #FA2121;
} 
.gradient li#list_3 a.popup_link {
 width: 220px;
 background: #FA4A4A;
} 
.gradient li#list_4 a.popup_link {
 width: 210px;
 background: #FC5C5C;
} 
.gradient li#list_5 a.popup_link {
 width: 195px;
 background: #FD7272;
} 
.gradient li#list_6 a.popup_link {
 width: 180px;
 background: #FC7F7F;
}
.gradient li#list_7 a.popup_link {
 width: 165px;
 background: #FF8E8E;
} 
.gradient li#list_8 a.popup_link {
 width: 150px;
 background: #FF9B9B;
} 
.gradient li#list_9 a.popup_link {
 width: 135px;
 background: #FFA9A9;
} 
.gradient li#list_10 a.popup_link {
 width: 120px;
 background: #FDBDBD;
}
.gradient li a.popup_link:hover{
 background: #FC2D6F !important;
}
.gradient li span.num{
 position: absolute;
 display: block;
 width: 40px;
 height: 40px;
 left: 10px;
 top: 15px;
 font-size: 40px;
 font-weight: bold;
 color: #fff;
}
</style>
<?php 
 extract($args);
 $title = apply_filters( 'widget_title', $instance['title'] );
 $numero = apply_filters( 'widget_title', $instance['numero'] );
echo $before_widget;
 if (!empty( $title ))
 echo $before_title . $title . $after_title;
 else
 echo $before_title . 'Más comentados' . $after_title;
?>
<div class="gradient">
<ul>
 <?php 
 /*Filtro para mostrar los post del ultimo mes*/
 function filter_where( $where = '' ) {
 $where .= " AND post_date > '" . date('Y-m-d', strtotime('-30 days')) . "'";
 return $where;
 }
 $popular = new WP_Query('orderby=comment_count&posts_per_page='.$numero);
 remove_filter( 'posts_where', 'filter_where' );
 $i=1;
 ?>
 <?php while ($popular->have_posts()) : $popular->the_post(); 
 ?>
 <li id="list_<?php echo $i ?>">
<div class="text"> 
 <span class="num"><?php echo $i ?></span>
 <a class="popup_link" href="<?php the_permalink() ?>" rel="bookmark"><?php echo (strlen(get_the_title()) > 90 ? substr(get_the_title(),0,90). '...' : get_the_title() ); ?></a>
 </div>
 </li> 
 <?php 
 $i++; endwhile; ?>
 </ul>
</div>
<?php 
 echo $after_widget; 
} //Fin de la funcion
class WidgetMasComentadoGradient extends WP_Widget {
 function WidgetMasComentadoGradient() {
 parent::__construct( false, 'Más Comentados Gradient' , array( 'description' => 'Una escalera de posts poulares en degradado'));
 }
 function widget( $args, $instance ) {
 masComentadosGradient($args, $instance);
 }
 function update( $new_instance, $old_instance ) {
 return $new_instance;
 }
function form( $instance ) {
 $title = esc_attr($instance['title']);
 $numero = esc_attr($instance['numero']);
 ?>
 <p>
 <label for="<?php echo $this->get_field_id('title'); ?>">Titulo: </label>
 <input id="<?php echo $this->get_field_id('title'); ?>" class="widefat" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" />
 </p><p>
 <label for="<?php echo $this->get_field_id('numero'); ?>">Cantidad a mostrar: </label>
 <input id="<?php echo $this->get_field_id('numero'); ?>" class="widefat" name="<?php echo $this->get_field_name('numero'); ?>" type="text" value="<?php echo $numero; ?>" />
 </p>
 <?php 
 }
}

function creaWidgets(){
 register_widget( 'WidgetMasComentadoGradient' );
}
add_action( 'widgets_init', 'creaWidgets' );

Luego incluimos el archivo functions.php, nos dirigimos al final de functions.php y pegamos lo siguiente:

include_once(TEMPLATEPATH.'/widget-gradient.php');

Realizado esto ya tiene su widget disponible, inclusive para utilizarlo en cualquier theme. Cualquier duda estoy atento a sus preguntas por el formulario de comentarios. (Y)

Por defecto WordPress genera el TagCloud a través de una llamada a la funciónwp_tag_cloud y, en consecuencia, no se puede simplemente añadir el rel = “nofollow” atributo como lo haría con un enlace tradicional.

Así que hice un poco de búsqueda y nos tropezamos con un plugin de etiqueta nofollow en SmartBlogTips.com que se hará cargo de esto para usted.

A mi criterio no me gusta hacer uso de Plugins para solventar un problema. Por lo tanto, para aquellos de ustedes interesados ​​en hacer esto sin el plugin, puede agregar las siguientes líneas de código al archivo functions.php de su theme actual.

function add_nofollow_tag($sLink) {
return str_replace('<a href=', '<a rel="nofollow" href=', $sLink);
 }
add_filter('wp_tag_cloud', 'add_nofollow_tag');

Hecho esto, los enlaces de su nube de etiquetas deberían estar con el atributo nofollow.

Si deseas mostrar posts relacionados  en wordpress sin el uso de Plugins ni complicaciones te voy a dar a continuación una función que realizará el proceso.

Agregar la siguiente función al final de su archivo functions.php que se encuentra en el editor de themes.

<?php
function tutsNTRelatedPosts($titulo,$post_ID,$max_posts=5)
{
 $i=0;
 $tags = wp_get_post_tags($post_ID);
 if($tags)
 {
 $first_tag = $tags[0]->term_id;
 $args=array(
 'tag__in' => array($first_tag),
 'post__not_in' => array($post_ID),
 'showposts'=> ($max_posts),
 'caller_get_posts'=>1
 );

 $consulta = new WP_Query($args);
 if( $consulta->have_posts() ) {
 echo $titulo.'<ul class="tutsNTRelatedPosts">';
 while ($consulta->have_posts()) : $consulta->the_post();
 if($i<$max_posts){
 echo '<li><a href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></li>';
 $i++;
 }
 endwhile;

 echo '</ul>';
 }
 }
 wp_reset_query();
}
?>

La función tiene 3 parámetros:

• $titulo – El título a mostrar por ejemplo: “Entradas relacionadas”
• $post_ID – El ID del post del cual saldrá  sus respectivos posts relacionados
• $max_posts – El límite de posts a mostrar.

Entoces la forma de utilizarla sería muy sencilla. Entramos al editor, seleccionamos single.php , ubicamos el lugar donde irá por el ejemplo debajo de los posts y hacemos la llamada a la función de la siguiente manera:

<?php tutsNTRelatedPosts('<h3>Nuestros lectores también disfrutaron: </h3>',get_the_ID(),6) ?>

Nota: Para que un post sea relacionado por lo menos deben tener un tag en común.

Introducción a Amazon AWS

Amazon Web Services (AWS)  , brinda un conjunto de servicios web de infraestructura basada en la nube. AWS  le ofrece la flexibilidad necesaria para elegir una plataforma de desarrollo y al modelo de programación que se adapte a la solución de sus problemas. AWS Ofrece Capacidades informáticas enormes para aplicaciones altamente escalables, donde solamente tiene que pagar por lo que utilice sin ningún gasto previo ni compromisos a largo plazo. En el mundo de hoy estos servicios ha cambiado el paradigma del uso de las TI a las pequeñas, medianas y grandes empresas. AWS se caracteriza por lo siguiente:

• Rentabilidad . Solo tiene que pagar exactamente por lo que consume sin ningún compromiso por adelantado.
• Fiabilidad y Redundancia . Usar una infraestructura probada en una de las tiendas online más gigantes del mundo como. Sus centros de datos utilizan grandes cantidades de Hardware Físico. Sin un nodo falla, millones de nodos retoman su valor, lo que significa tener una infraestructura siempre activa, segura y fiable.
• Flexibilidad.  Su aplicación en la plataforma que se adapte a sus necesidades.
• Escalabilidad.  AWS posee una capacidad informática para cualquier aplicación sin importar el tamaño ni la velocidad que crezca.

Instalando WordPress en EC2 (Gratis por un año)

EC2 ofrece gratis por un año una instancia Micro para los clientes nuevos con las siguientes caracteristicas:

• 750 horas de uso de Microinstancia Linux (613 MB de memoria y compatibilidad con plataformas de 32 y 64 bits)
• 750 horas de Elastic Load Balancer más 15 GB de procesamiento de datos*
• 10 GB de Amazon Elastic Block Storage, más 1 millón de E/S, 1 GB de almacenamiento de instantáneas, 10.000 solicitudes para obtener instantáneas y 1.000 solicitudes para colocar instantáneas
• 5 GB de almacenamiento estándar de Amazon S3, 20.000 solicitudes de obtención y 2.000 solicitudes de colocación*
• 30 GB de transferencia de datos a través de Internet

VideoTutorial

Comandos Utilizados en la Consola de Linux

Por si no lograste visualizar bien los Comandos en el terminal pues aquí les pongo a disposición de todos:

Instalar Apache
 yum install httpd

Iniciar el servicio Apache
 service httpd start

Instalar PHP y MYSQL
 yum install php mysql

Instalar el Servidor Mysql
 yum insalll mysql-server

Instalando PHPMyAdmin
 yum install phpmyadmin

Por defecto PHPMyadmin bloquea la direccion externa ,
 por lo tanto hay que editar la configuracion con vi.
 vi /etc/httpd/conf.d/phpMyAdmin.conf

Reiniciar apache
 service httpd restart

Iniciar el servicio mysql
 service mysql start

Establecer la contraseña del usuario root de mysql
 /usr/bin/mysqladmin -u root password ‘Contraseña segura’

Dirigirse al carpeta html y descargar WordPress:
 cd /var/www/html
 wget http://es.wordpress.org/wordpress-3.2.1-es_ES.tar.gz
 tar -xzvf wordpress-3.2.1-es_ES.tar.gz

Aplicar los permisos CHMOD
 chown -R apache /var/www/html
 chmod -R 755 /var/www/html

Reiniciar el servicio
 service httpd restart

Crear la base de datos en phpmyadmin y luego proceder con la instalación. Ir a  http://TU-IP/wordpress y seguir las instrucciones que te da WordPress. Cualquier pregunta no dude escribir en el formulario de comentarios.

Conclusón

Es muy notable como ha cambiado la forma de utilizar las TI gracias a los servicios de la Nube, si bien el manejo de Amazon EC2 no es muy sencillo pero realmente vale la pena por las capacidades que ofrece. En el caso de este blog por ejemplo aun no tengo muchas visitas por tanto estoy utilizando la instancia micro , sin embargo quizás con el paso del tiempo incremente las visitas y de forma sencilla pudiera migrar a una instancia de mayor rendimiento con unos cuantos dolarillos más de inversión esto demuestra la flexibilidad que ofrece AWS. ¿Estas dispuesto a probarlo , si ya lo probaste cuéntanos tu experiencia o danos opinión?