Este plugin nos permite tener a la vista y de manera comoda y elegante el ID de casi cualquier elemento en WordPress dentro del Dashboard. Podemos ver el ID de un post, una pagina, cualquier elemento de nuestra biblioteca de medios, de un tag en particular, de una categoría, un link y un usuario.

Como esta pensado para WordPress 3.0+ también posible ver el ID de un Post Type y las Taxonomies. Otro punto a su favor es que trabaja de manera muy eficiente e intenta no “consumir” demasiados recursos de nuestra instalación de WordPress.

PBPP cambia el timestamp (fecha de publicación) de las entradas antiguas al azar y las ubica en las primeras posiciones, reservando las primeras posiciones para las nuevas entradas a modo de no interferir tanto con la estructura de tu sitio.

Lo único que debes tener en cuenta es que si estas una estructura de permalinks con fechas no podrás usarlo, ya que PBPP cambia el timestamp de las entradas y te arrojaría un error 404 en tus entradas. Una buena idea seria usar una estructura de permalinks que no lleve fechas.

Quizás suena un tanto confuso de explicar por lo creo que es mejor dirigirse a la pagina del plugin para poder apreciar el efecto.Las funcionalidades de este plugin nos permiten que en el hovering se muestre el atributo href o title, segun nuestras necesidades y poder controlar también (un poco) la animación.

Otra de sus opciones es la de poder resaltar un parte de la URI, ideal para cuando queremos centrar la atención en una sección importante de la URI. También limitar el numero de caracteres en la URI a mostrar, algo pensado para cuando nos referimos a la URI de una búsqueda.

Uso

HoverAttribute cuenta con un puñado de opciones para confiurar, entre ellas se encunetra:

$(".mi_selector").hoverAttribute({
   attribute: "href", // atributo a mostrar, puede ser cualquier atributo
   animationTime: 0.3, // tiempo de la animación
   animationEase: "linear", // easing en al animacion, puede ser linear o swing
   tweenInFrom: "left", // posicion de la animacion, right, left etc.
   parseAsURL: null, // true y el elemento es tratado como URI
   removeProtocol: true,// remover el protocolo en URI por ej: http://
   removeWWW: false, // remover www de la URI
   wrapLink: "after", // recortar caracteres, puede ser desdde after, middle, before o none
   wrapLength: 60, //  cantidad de caracteres en la URI
   highlightURLPart: "host", // texto a resaltar, domain path, query o lastURIPart
   cssSettings: {
      canExpandFullWidth: true // expandir al 100% dentro del elemento padre
   }
});

Este pequeño plugin se encarga de hacer trabajo por nosotros, es decir creara la cantidad de columnas que se le indiquen devolviendo un código HTML valido y sin necesidad de añadir o modificar nuestro hoja de estilo, es decir no se añaden ningún tipo de elemento innecesario o elemento inline.

Caracteristicas

• Crea columnas a partir de listas ordenadas (<ol>) y desordenadas (<ul>)
• Podemos definir la cantidad de columnas en las que se dividirá la lista
• Todo lo referido al CSS es independiente del plugin (fácil de controlar)
• Se añade un class last al ultimo <ol> o <ul> para controlar el padding o margin
• Podemos ordenar nuestras columnas vertical u horizontalmente

Uso

Como lo mencione anteriormente, su uso es de lo mas sencillo, por ejemplo podemos tener este markup:

<ul class="my-list">
	<li><a href="#">Lorem ipsum 1</a></li>
	<li><a href="#">Donec pede 2</a></li>
	<li><a href="#">Fringilla vel 3</a></li>
	<li><a href="#">Eget arcu 4</a></li>
	<li><a href="#">In enim 5</a></li>
	<li><a href="#">Lorem farem 6</a></li>
</ul>

Para dividir nuestra lista en tres columnas diremos:

$('.my-list').easyListSplitter({ colNumber: 3 });

Lo que nos mostrar esta nueva lista

list item 1      list item 4      list item 7
list item 2      list item 5      list item 8
list item 3      list item 6

Por defecto la alineación es vertical, si necesitamos lograr una alineación horizontal, escribiremos:

$('.my-list').easyListSplitter({ 
   colNumber: 3, 
   direction: 'horizontal' 
});

Lo que se vera reflejado como:

list item 1      list item 2      list item 3      list item 4
list item 5      list item 6      list item 7      list item 8

Hermoso, no?

En el site del plugin encontraras algunos ejemplos más, junto con toda la documentación necesaria para que puedas implementar este plugin en tu diseño

Es plugin esta pensado para lograr un width para los child elements (<li>) de una lista, ya sea ordenada (<ol>) o desordenada (<ul>), pero no se limita a estos elementos ya que podemos integrarlo con lo que necesitemos.

En esta captura vemos como funciona el plugin:

Por defecto el plugin no eliminara el padding de nuestros elementos, pero si lo necesitamos se puede indicar que elimine el padding izquierdo, el derecho o ambos.

Su uso es de lo mas simple. Tenemos 3 opciones:

$('ul#main-nav').equalWidths({'stripPadding': 'child'});
 
$('ul#main-nav').equalWidths({'stripPadding': 'grand-child'});
 
$('ul#main-nav').equalWidths({'stripPadding': 'both'});

Asumiendo que vamos a aplicar equalWidths a una lista (<ul>) con una estructura como la siguiente: ul > li > a Entonces el elemento “child” será LI y se eliminara su padding. El elemento “grand-child” sera A y se eliminara su padding. Y si seleccionamos “both” evidentemente, se eliminara el padding de ambos elementos.

El plugin se encuentra en el código fuente de la pagina, pero te lo transcribo para que este más a mano:

		/*!
		 * equalWidths jQuery Plugin
		 * Examples and documentation at: hhttp://aloestudios.com/tools/jquery/equalwidths/
		 * Copyright (c) 2010 Andy Ford
		 * Version: 0.1 (2010-04-13)
		 * Dual licensed under the MIT and GPL licenses:
		 * http://www.opensource.org/licenses/mit-license.php
		 * http://www.gnu.org/licenses/gpl.html
		 * Requires: jQuery v1.2.6+
		 */
		(function($){
			$.fn.equalWidths = function(options) {
				var opts = $.extend({
					stripPadding: 'none' // options: 'child', 'grand-child', 'both'
				},options);
				return this.each(function(){
					var child_count = $(this).children().size();
					if (child_count > 0) { // only proceed if we've found any children
						var w_parent = $(this).width();
						var w_child = Math.floor(w_parent / child_count);
						var w_child_last = w_parent - ( w_child * (child_count -1) );
						$(this).children().css({ 'width' : w_child + 'px' });
						$(this).children(':last-child').css({ 'width' : w_child_last + 'px' });
						if((opts.stripPadding == 'child') || (opts.stripPadding == 'both')){
							$(this).children().css({
								'padding-right': '0',
								'padding-left': '0'
							});
						}
						if((opts.stripPadding == 'grand-child') || (opts.stripPadding == 'both')){
							$(this).children().children().css({
								'padding-right': '0',
								'padding-left': '0'
							});
						}
					}
				});
			};
		})(jQuery);
 
 
		$(function(){
 
			$('#ejemplo-2').equalWidths(); // config por defecto
 
			$('#ejemplo-3').equalWidths({'stripPadding': 'both'}); //sin padding
 
		});

Este es un plugin que te solucionara muchos problemas en unas simples lineas, y hará que tu barra de navegación se luzca todavía más.

Si bien este Slider cuenta con su versión Lite (gratis) y una Pro ($99) hasta hace unas semanas atrás no era posible integrarlo con WordPress (por lo menos con la versión Lite). La semana pasada salio una nueva versión del Plugin para WordPress que nos permite hace uso de este Slider sin escribir una linea de código.

Básicamente consiste en tratar cada Slide como si fuera una entrada. Tendremos un panel donde podemos crear un nuevo SlideDeck con tantos Sliders como necesitemos. Podemos insertar imágenes, textos sacando provecho del editor WYSIWYG que nos provee WordPress o ya sea con HTML Plano.

Luego podemos insertar este Slider en cualquier entrada y en cualquier momento desde el nuevo panel que se crea en WordPress o si lo deseamos se puede insertar el Slider en cualquier parte de nuestro Theme con una simple linea de código.

Al encontrarse en sus primeras etapas de desarrollo, este plugin todavía no permite una integración total con la versión Pro, pero se espera que esto se solucione en los días por venir.

El plugin Alkivia Open Community nos permite insertar una dosis de esteroides a nuestra comunidad. Podremos mostrar toda la información relativa a un usuarios, insertar Widgets y otras funcionalidades.

Por cada usuario se crea una pagina especifica con su perfil, donde podremos mostrar la información que corresponde según la información suministrada por este usuario. Podemos permitir que cada usuario suba una imagen para su perfil, reemplazando así a los gravatars. Otra función interesante es la posibilidad de personalizar el logo de nuestro Blog que figura en el Panel de Login para lograr una buena personalización.

Este plugin es una opción muy interesante para todos aquellos que usan su instalación de WordPress para crear y mantener una comunidad, dándole mas participación a sus usuarios.

HiFi (Head Injection, Foot Injection)

Nos permite insertar (injection) porciones de código en el Footer y en Header de nuestro Theme, pero solamente cuando es necesario. Si estas escribiendo un tutorial y necesitas mostrar dentro de la entrada o pagina que trabaja como un demo online, muchas veces es necesario insertar hojas de estilo o algunas lineas de javascript.

Este plugin crea un nuevo panel en nuestra entrada o pagina donde insertaremos esas porciones de código solo para el post pagina en cuestión.

Hikari Titled Comments

Como el titulo lo indica, nos ofrece la opción de permitirle a la persona que comenta en la entrada la chance de insertar un titulo a su comentario. Es una función que la podemos encontrar en Drupal, pero la extrañamos en WordPress.

Facebook Photo Fetcher

Una forma simple de insertar y crear galerías de imágenes en WordPress usando un álbum de Facebook. Una vez activado solo necesitamos darle los permisos adecuados al plugin para conectarse a Facebook y seleccionaremos el Album que queremos mostrar en WordPress. Este plugin trabaja con shortcodes a la hora de crear las galerías, por lo que su uso es de lo más simple.

RSS Just Better

Ya he hablado aquí en Eliseos de como insertar cualquier RSS Feed en WordPress, pero este plugin lo hace todavía mucho mas simple. Nos permite controlar cuantos items se mostraran, incluir la fecha de publicacion y la introducción. Funciona a modo de widget para incluir en el Sidebar o como shortcode, para incluirlo en las entradas o paginas.

Facebook Share Statistics

Nos muestra en nuestro CP estadísticas y gráficos relativas a como se socializa nuestro Sitio en Facebook. Podemos ver, por ejemplo, la cantidad de usuarios que compartieron la entrada, la cantidad de “likes” que recibió un post, y muchos mas.

A la hora de editar dicha pagina, no tenemos muchas mas opciones que “meter mano” al código directamente, pero que tal si pudiéramos editar cada segmento de la pagina como editamos las entradas, es decir con el editor WYSIWYG TinyMCE?

Aquí es donde entra a jugar el Plugin MultiEdit, el cual creara regiones editables dentro de nuestra pagina, para poder trabajar con TinyMCE como si estuviéramos trabajando con una entrada normal.

MultiEdit creara 4 pestañas donde podremos crear y editar el contenido que necesitemos en 4 regiones de la pagina: El contenido normal, al pie, a la izquierda y a la derecha.

Cada región almacena el contenido creado como si se tratara de un custom field, por ende si borramos o desactivamos el plugin nuestro contenido no se perdería.

Instrucciones

Necesitas una copia de Plugin MultiEdit, instala el plugin y activalo.

Debemos crear una nueva Plantilla personalizada (page template) con el siguiente formato:

<?php
/*
Template Name: MiNombre
MultiEdit: Right, Bottom, Left
*/
?>

Right, bottom, y left son las zonas o bloques que se añadirían a la pagina.

Dentro de la nueva plantilla solo necesitamos definir las zonas, para este ejemplo el contenido al pie.

<div id="pie_de_la_pagina">
	<?php multieditDisplay('Bottom'); ?>
</div

Por ultimo a la hora de crear o editar una pagina utilizaremos la plantilla que se creo anteriormente y podremos ver nuestro nuevo panel de administración para la pagina.

Consideraciones finales

Pareciera ser un proceso un tanto engorroso, pero, como lo mencione al principio de esta forma podremos ahorrarnos un tiempo considerable a la hora de trabajar con una pagina que editamos constantemente.

Este plugin solo trabaja correctamente dentro del editor visual, y no hace magia; por lo que el estilo via CSS es requerido para lograr una buena presentación

Este es otro plugin que exalta la diversidad de usos que le podemos dar a WordPress. Con CollabPress podras crear y administrar infinitos proyectos, recibir notificaciones via e-mail por cada vez que se crea un proyecto y darle fechas y plazos a los proyectos.

Como si fuera poco este plugin también se adapta a WordPress MU, por lo que tarea de trabajar con multi-usuarios sera amena.