Apariencia zona login por defecto
Ver tantas veces el logo que viene por defecto tras la instalación de WordPress puede resultar un tanto aburrido, así que hoy veremos cómo darle un aspecto más profesional ya sea bien para tu sitio web o para el de algún cliente.
El hecho de tener tu zona de login personalizada siempre es un punto que resulta interesante, ya que resulta más vistoso y más si es para otros usuarios del sitio.
Esto se realiza sencillamente añadiendo unos pequeños hooks a nuestro fichero de functions.php
Así que sin más preámbulos vamos a ver de qué manera se puede hacer.
Simplemente vamos al fichero functions.php de nuestro tema que está activo y copiamos el siguiente código.
add_action("login_head", "my_login_head"); function my_login_head() { echo ' <style> body.login #login h1 a { background: url("'.get_bloginfo('template_directory').'/img/mi-logo.jpg") no-repeat scroll center top transparent; // Aquí añadimos las reglas CSS que deseemos } </style> '; } |
Apariencia zona login WordPress personalizada.
Le indicamos la ruta donde se encuentra nuestra imagen que deseamos situar en la zona del login mediante la propiedad background como observamos en las lineas de arriba. De tal forma que quedaría como vemos a continuación, en un caso particular.
Sobre la imagen que hemos situado se crea un link sobre el que al hacer click nos lleva a la URL que indique. Si es por defecto, nos lleva a la página de WordPress en español. Esta parte también se puede customizar como vemos a continuación, de tal forma que cuando cliqueemos nos llevará a la URL que hayamos predefinido.
Además también personalizaremos el título que se mostrará cuando acerquemos el puntero sobre la imagen. Vamos a ver las dos funciones que realizan estos puntos.
// personalizar url logo acceso add_action( 'login_headerurl', 'my_custom_login_url' ); function my_custom_login_url() { return 'http://www.misitioweb.es'; } //Cambiar texto title del logo de login add_action("login_headertitle","my_custom_login_title"); function my_custom_login_title() { return 'Sitio creado por mí'; } |
De igual forma copiaremos estas funciones a nuestro fichero functions.php de wordpress y escribiremos los valores que deseemos mostrar.
Ahora ya le hemos dado un toque más personal a nuestra zona de login de administración del sitio web.
Espero que os haya sido de utilidad este post, gracias por vuestro tiempo y un saludo. 🙂