Su funcionamiento es muy sencillo. Todo lo que tenemos que hacer es incluir un atributo “data” para cada ítem de nuestra lista con nuestros respectivos tags. Filtrify se encarga de recorrer todos los atributos “data” incluidos en la lista y crea automáticamente un menú con tantas categorías (los atributos data) que le hemos proporcionado

Cada elemento del menú abre un “popup” que nos deja escoger los tags de cada categoría permitiendonos realizar el filtrado a nuestro gusto. Una gozada…

Filtify ha sido probado en todos los navegadores modernos con éxito. De hecho, hasta funciona en IE7 con algunos pequeños fallos.

Un plugin muy potente sin duda.

Página oficial | Filtrify

Botones sociales de las tres redes más usadas en estos momentos. Facebook, Twitter y Google+.

Como siempre, espero que le sean de utilidad a alguien.

Como siempre, si os gusta, haced lo queráis con el…

<?php
// Obtener ID de un vídeo de Youtube desde una URL ================================================
// Método 1: Guardando en la variable $v el parámetro ?v de la URL
$url_youtube = 'http://www.youtube.com/watch?v=dQw4w9WgXcQ'; // una URL de Youtube cualquiera
parse_str( parse_url( $url_youtube, PHP_URL_QUERY ) ); // guardamos el valor de parámetro ?v en $v;

// Método 2: Para vídeos tipo http://youtu.be/dQw4w9WgXcQ
if (empty($v)) {
	$v = substr($url_youtube, -11);
}

//imprimimos por pantalla el thumbnail que a su vez es un link al vídeo
echo '<a href="http://www.youtube.com/v/'.$v.'"><div class="play-button"></div><img class="thumb-youtube" src="http://img.youtube.com/vi/'.$v.'/2.jpg" /></a>';
?>

En el ejemplo usado arriba, recuperamos la imagen 2.jpg directamente desde Youtube. Es una imagen de tamaño 120px x 90px.

Podemos modificar la parte que imprime por pantalla el thumbnail y recuperar una imagen diferente del mismo vídeo, o más grande, teniendo en cuenta lo siguiente:

Imagen de tamaño completo (480×360): http://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg

1era Imagen de Thumbnail (120×90): http://img.youtube.com/vi/dQw4w9WgXcQ/1.jpg

2a Imagen de Thumbnail (120×90): http://img.youtube.com/vi/dQw4w9WgXcQ/2.jpg

3era Imagen de Thumbnail (120×90): http://img.youtube.com/vi/dQw4w9WgXcQ/3.jpg

Así que podemos utilizar cualquiera de estos:

<?php
//imagen a tamaño completo
echo '<a href="http://www.youtube.com/v/'.$v.'"><div class="play-button"></div><img class="thumb-youtube" src="http://img.youtube.com/vi/'.$v.'/2.jpg" /></a>';

//1er thumbnail
echo '<a href="http://www.youtube.com/v/'.$v.'"><div class="play-button"></div><img class="thumb-youtube" src="http://img.youtube.com/vi/'.$v.'/1.jpg" /></a>';

//2ndo thumbnail
echo '<a href="http://www.youtube.com/v/'.$v.'"><div class="play-button"></div><img class="thumb-youtube" src="http://img.youtube.com/vi/'.$v.'/2.jpg" /></a>';

//3er thumbnail
echo '<a href="http://www.youtube.com/v/'.$v.'"><div class="play-button"></div><img class="thumb-youtube" src="http://img.youtube.com/vi/'.$v.'/3.jpg" /></a>';
?>

Este código es compatible con todas la URL de Youtube que he podido probar. Si encontráis alguna que no devuelva miniatura no dudéis en comentarlo.

Para mi, una de las más básicas es añadir el excerpt, o extracto, a las páginas. Lo que te dará una mayor flexibilidad a la hora de presentar todo el contenido.

Para ello solo tenemos que añadir a nuestro functions.php la siguiente linea:

add_post_type_support('page', 'excerpt');

A partir de ahora, todas nuestras páginas contarán con la posibilidad de añadir un excerpt. Ya que la opción es nativa de WordPress, deberemos utilizarla como es habitual para imprimir por pantalla su contenido:

the_excerpt();

Para ello, yo hago un par de cosas, que evidentement aconsejo a todos los que uséis WordPress.

Lo primero que hago es sobrescribir algunos estilos de WordPress. En la mayoría de los casos cambio el logo y pongo una imagen de fondo. El logo, tal y como lo tengo programado, es una imagen de 320px por 170px y el fondo puede ser cualquier imagen.

Utilizo este código, que deberéis incluir en el functions.php de vuestro tema.

//Cambiar el logo del login
function logo_login_personalizado() {
	echo "
	<style>
	#login h1 a { //cambiar la imagen del logo
		background: url('".get_bloginfo('template_directory')."/img/logo.png') no-repeat 0 0 scroll transparent;
		height: 170px;
		width: 320px;
		margin-left: 4px;
	}
	body.login { //poner una imagen de fondo
		background: url('".get_bloginfo('template_directory')."/img/login-bg.png') repeat-x top center;
	}
	</style>
	";
}
add_action("login_head", "logo_login_personalizado");

Lo segundo, es un detalle que considero bastante básico y consiste en cambiar la URL a la que nos redirije el logo al hacer click sobre el.

Para ello usaremos este código, en el que solo deberéis sustituir la dirección por vuestra URL.

//Cambiar la URL del logo en la pantalla de login
function url_login_personalizado($url) {
	return 'http://www.hectorgarrofe.com';
}
add_filter( 'login_headerurl', 'url_login_personalizado' );

Y ya tenemos una pantalla de login completamente personalizada para nuestro WordPress.

Para esto hay una muy fácil solución, simplemente nos bastará con utilizar el siguiente código para saber si una página es hija de otra página:

if ( $post->post_parent == '1' ) { //donde '1' es la ID de la página padre
// lo que deseemos
}

Este sencillo código peca de ser demasiado básico ya que solo nos sirve para comprobar las páginas hijas de primer nivel. En mis proyectos de poco me sirve porque las páginas hijas suelen tener a su vez hijos. Para ello necesitaremos algo un poco más complicado.

Agregaremos esta función en el archivo functions.php de nuestro tema:

function is_tree( $pid ) {
// $pid = La ID de la página sobre la que queremos comprobar si tiene hijos
global $post;
if ( is_page($pid) )
return true;
$anc = get_post_ancestors( $post->ID );
foreach ( $anc as $ancestor ) {
if( is_page() && $ancestor == $pid ) {
return true;
}
}

return false;
}

Y luego para utilizarla en nuestra plantilla simplemente tendremos que usar la función:

if (is_tree(1)) { //donde '1' es la ID de la página padre
// lo que deseemos
}

He encontrado más de un código por la red que promete hacer esto mismo… pero a mi sólo me funciona este.

Espero que le sirva a alguien de ayuda.