Trucos

Como prometimos en el pasado vídeo, y siguiendo el orden de “tutoriales” o trucos de WordPress, hoy queremos enseñar a crear unos elementos de menú de inicio de sesión y de cierre de sesión. Elementos de menú que, además van a desaparecer según tengamos la sesión iniciada o no. Es decir, si no hemos entrado con nuestro usuario, aparecerá el menú de inicio de sesión, pero no el de cierre, y si estamos con nuestro usuario iniciado, aparecerá el de cierre de sesión pero no el de inicio. Vamos a necesitar añadir unos códigos de CSS para que aparezcan y desaparezcan los menús, y un código de php para evitar que WordPress pida confirmación en el cierre de sesión. En varios pasos necesitaremos códigos o conceptos que hemos usado en artículos pasados. Cómo añadir menús de login y de logout en WordPress. Estos son los pasos: Lo primero que vamos a hacer es añadir unos menús personalizados: – Login o Iniciar sesión, con url: https://tudominio.es/wp-login.php. – Logout o cerrar sesión con url: https://tudominio.es/wp-login.php?action=logout A esos menús vamos a añadirles unas clases, para poder modificar su comportamiento por CSS. Para eso necesitaremos el artículo de opciones avanzadas de los menús de WordPress.En el vídeo, como ejemplos (puedes usar otros) pusimos: – A login la clase loggedok – A logout la clase loogedko. Vamos a añadir un código CSS para ocultar el menú de Login si la sesión ya está iniciada. Para ello vamos a usar este código: Para ocultar el menú de Logout si no tienes la sesión iniciada tienes dos opciones:A) Ocultar por defecto el menú y desocultarlo si estás registrado. Nota: como explicamos en el vídeo, debería funcionar sin important, pero en muchas plantillas no funciona. Si no funciona, no nos gusta tanto como la opción B, porque el uso de important en el CSS debe limitarse lo máximo posible. B) Usar el identificador not() de CSS para ver si no tiene la clase que pone WordPress cuando tiene la sesión iniciada. Con eso ya estaría, pero si pinchas en cerrar sesión, verás que WordPress pregunta al usuario si quiere cerrar dicha sesión. Esto no queda muy elegante. La razón es que, para no preguntarlo, WordPress necesita un código de sesión (wpnonce), que cambia cada vez y no podemos ponerlo estático en nuestra url. Así que vamos a poner el siguiente código en el functions.php de nuestro tema hijo o en nuestro plugin de Snippets: Este código comprueba si hay un cierre de sesión sin wpnonce y, si es así, cierra sesión y redirige a la página de Inicio. En este vídeo os explicamos todo:

Cuando tienes una web que admite usuarios, algo muy solicitado es que ciertos roles de usuario no puedan ver la barra de administración. Hoy vamos a ver como hacerlo. Nota: es cierto que, en esas ocasiones, también solemos querer que esos roles no puedan acceder al backend. Mañana explicaremos cómo hacer esto. Lo hemos separado para simplificar, y porque no siempre se necesitan ambas cosas. Cómo quitar la barra de administrador de WordPress para ciertos roles de usuario. Lo vamos a hacer directamente con un código porque no creemos que sea necesario un plugin para esto. Recordamos que el código hay que ponerlo en un plugin de Snippets o en el fichero functions.php. En este código ponemos los roles que queremos que tengan la barra donde he marcado en azul. El código comprueba el rol del usuario y, si no es parte de esa lista, no muestra la barra. En este vídeo lo explicamos. Opción 2. En internet veréis otros códigos que miran las capacidades de los usuarios. Me parecen menos correctos y más difíciles porque tienes que conocer las capacidades de cada rol.. Pero os dejo un ejemplo que quita la barra para el administrador y para editores (que pueden editar páginas ) . Opción 3. También se puede “ocultar” con CSS. No lo recomendamos porque sólo la oculta, no la quita. Pero si no sirven las anteriores, puede ser útil. Añade esto en tu código de CSS. Quitar la barra de administración para un usuario específico. Lo dejamos al final, porque no suele ser frecuente. Pero si quieres quitarla sólo para un usuario, en su perfil, desde el backend, tienes una casilla que puedes desmarcar: Mostrar la barra de herramientas al ver el sitio.