Redigir usuarios luego del login

Si bien Wordpress es una plataforma genial, hay puntos en los que sigue teniendo debilidades y puede ser un poco confuso para usuarios principiantes. Hace unos días me encontré con la necesidad de redirigir al usuario que se logueaba en un sitio hacia la página principal, y no hacerle perde esos segundos que se demoraba en salir del dashboard por su cuenta. Esto es un hack rápido para redirigir a un usuario luego de hacer login (hay algunos plugins relacionados a esto):
Abrimos el archivo wp-login.php y ubicamos el siguiente código (generalmente en la línea 424)

	} else {
		$redirect_to = admin_url();
	}

admin_url() es lo que hay que cambiar. Si queremos que el usuario vaya al index luego de el login, lo reemplazamos por get_bloginfo(‘url’) , lo que quedaría:

	} else {
		$redirect_to = get_bloginfo('url');
	}

Esto es una redirección básica que envía a todos los usuarios a la página de inicio. En las próximas entradas vamos a ver otras redireccionar posibles, como ser si el usuario es el admin vaya al tablero, y cosas así.

Hace poco me encontré con un problema cuando insertaba código PHP en una entrada de Wordpress: el editor separaba el < del ?php sin motivo aparente. Luego de dar muchas vueltas y toca un poco, me di cuenta que era un problema de configuración (pero sigo sin saber por qué). Para solucionarlo vamos a Opciones -> Escritura y desmarcamos la casilla “WordPress corregirá de forma automática el HTML incorrectamente anidado”. Con esto ya arreglamos el problemita.

¿Miniposts y Asides?

La idea de miniposts o asides es bien simple: son  pequeñas piezas de información que no merecerían una entrada completa pero igual se desea publicar. Como un comentario al pasar, o algo por el estilo. Vamos a ver un mini-tutorial para incluirlos en nuestro blog sin mucho esfuerzo.

Paso 1:  Crear la categoría para los miniposts o asides

Estos miniposts deberán tener una categoría donde ser guardados (que luego nos servirá para traer todas las entradas de esa categoría). Para este tutorial vamos a crear una nueva categoría llamada “Breves“. Una vez creada, vamos al listado de categorías y dejamos el puntero de mouse arriba de la nueva categoría: anotamos lo que viene luego de “cat_ID=” en el link, ese es el ID único de la categoría (en nuestro caso el 27).

Paso 2: Insertar el código para mostrar los Asides

Una vez creada la categoría vamos al editor del theme y abrimos el index.php (o el fichero de la página principal si es distinto). Luego de el inicio de Loop:

[sourcecode language='php']
;

[/sourcecode]

Agregamos:
[sourcecode language='php']
echo is_single();
if (!is_single() &amp;&amp; in_category('27'))
/*si no es la vista individual de un post y
la categoría es la 27, le cambiamos la clase*/
$clase = ' minipost'; //clase para los miniposts
?>
[/sourcecode] Y el codigo para añadir la clase “minipost” al título del post:
[sourcecode language='php']

” rel=”bookmark” href=”“>

[/sourcecode]
O sea, si el post está en la categoría Breves (id 27), le añadimos una case css extra, que luego nos servirá para diferenciar la entrada.

Paso 3: Un poco de Estilo

Por último, el truco clave es diferenciar estos posts de los post regulares. Para eso abrimos el archivo style.css de nuestro theme y añadimos el siguiente código:
[sourcecode language='css'].minipost {
background:#EFF8FB none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#333333;
font-size:120%;
margin:10px 0 28px;
padding:10px;
}[/sourcecode]
Espero que les sirva y nos cuenten qué tal les ha ido con este tutorial.

Problema

Wordpress incorpora herramientas que nos hacen muy facil el tratado de las imágenes en nuestros posts. Puede ocurrir que en el editor del post centremos una imagen, pero luego cuando la vemos en el sitio estos cambios no aparecen. Esto suele ser común y es un “problema” de los themes, que no traen incorporado las clases Css que Wordpress usa para lograr estos efectos. Otro problema común es agregar un epígrafe en el editor, que luego no tiene la misma apariencia en el sitio principal.

Solución

La solución a estos problemas es muy sencilla, solo es agregar el código necesario en la hoja de estilos de nuestra plantilla. Para eso accedemos al editor de themes (Apariencia -> Editor), abrimos el archivo de estilos (generalmente styles.css) y añadimos el siguiente código al final:

Para problemas de alineación de imágenes (la centramos pero siempre aparece a la izquierda, el texto no float alrededor de la imágen, etc), agregamos las siguientes clases Css.

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

Para lograr el mismo efecto de el epígrafe tanto en el editor del administrador como en el sitio principal, añadimos las clases:

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Gravatar en gmail

Jon Fox desarrolló un script para GreaseMonkey que nos muestra el gravatar de nuestros contactos en la vista individual del mensaje. El script se puede descargar desde aquí.

Vía ma.tt