Imaginemos que estamos creando un tema de WordPress, y esperamos que se trate de un espacio con una comunidad activa y bastante comentadora, a la que nos interesa dar algunos detalles, como un mensaje de bienvenida una vez que hayan comentado en nuestro blog.
Hoy vamos a ver un ingenioso y fácil código que nos permitirá tal cosa, y que, independientemente de la parte en PHP, deberemos por supuesto estilizar adecuadamente, con una buena tipografía, background, icono… lo que vuestra imaginación considere más apropiado.
Empecemos con el PHP.
WordPress, por defecto, almacena cierta información de los usuarios que comentan en nuestro blog, o, más específicamente, envía a nuestro ordenador pequeñas informaciones para reconocer a los usuarios habituales. Este tipo de información se llama en jerga informática “cookie“.
Las cookies de WordPress son las que usaremos para detectar al usuario habitual, que las recibirá en caso de que haga un comentario a través de su navegador, en un invisible proceso ‘de trasfondo’.
Seleccionaremos entonces el lugar donde queremos que este mensaje aparezca, por ejemplo, en el index.php, archivo que todos los temas de WordPress tienen y que normalmente actúa como la “home” de nuestro blog. Habrá que orientarse entre cada “div” del HTML allí presente, y, por ejemplo, antes del loop que traerá de la base de datos los últimos posts, pondremos lo siguiente :
<?php if(isset($_COOKIE['comment_author_'.COOKIEHASH])) {
$lastCommenter = $_COOKIE['comment_author_'.COOKIEHASH];
echo "¡Bienvenido de Nuevo ". $lastCommenter ."!";
} else {
echo "¡Bienvenido a nuestra Web!";
} ?>
A los usuarios habituales que hayan comentado, les aparecerá el mensaje “¡Bienvenido de Nuevo [nombre del usuario]!”. El nombre del usuario será el mismo dejado en su último comentario.
Para estilizar el mensaje de bienvenida, podríamos añadir un poco de HTML a ese código :
<div id="bienvenida">
<?php if(isset($_COOKIE['comment_author_'.COOKIEHASH])) {
$lastCommenter = $_COOKIE['comment_author_'.COOKIEHASH];
echo "<h3>¡Bienvenido de Nuevo ". $lastCommenter ."!</h3>";
} else {
echo "<h3>¡Bienvenido a nuestra Web!</h3>";
} ?>
</div>
Hemos añadido una “div”, con la “id” ‘bienvenida’, y un encabezado h3 para los mensajes.
Podríamos ahora añadir al archivo style.css de nuestro tema el siguiente CSS :
#bienvenida h4{
background:#eee;
color:#999;
font-style:italic;
border:#ddd;
padding:10px
}
Por supuesto, aquí podréis usar vuestros colores preferidos.
