Personalizar la pagina de login de wordpress

Personalizar la página de login de wordpress cambiando la imagen que mostramos sin necesidad de un plugin es una tarea muy sencilla.

El logotipo de wordpress que aparece en wp-login.php, es decir en el formulario de login para entrar en nuestro administrador, es una imagen agradable, esta bien, pero a lo mejor queremos personalizar este formulario para la web de algún cliente, con una imagen corporativa, el logo o el nombre del site.

Podremos cambiar la imagen que aparece en este formulario añadiendo la siguiente funcion de php en el archivo functions.php de nuestro template.

/path_completo_wp/wp-content/themes/tu_tema/functions.php

function personalizar_login() {
    echo '<style type="text/css">
          h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>';
}
add_action('login_head', 'personalizar_login');

Como se puede ver, la función no tiene ningún misterio, tan solo añade la apertura y cierre de las etiquetas de estilos, y dentro esta sobrescribiendo la imagen de background que hay para el h1 aplicado al enlace.

A partir de esta función y la idea de sobrescribir los estilos de la página de login, cualquiera puede ir editando los estilos a sus necesidades.

Tags de búsquedas:

agregar mi logo al login de wordpress,login wordpress personalizado,nueva pagina login wordpress,PERSONALIZAR LA PAGINA DE LOGIN DE WORDPRESS plugin,personalizar logo inicio wordpress,personalizar pagina login de wordpress,personalizar url de una pagina wordpress,plugin para personalizar login wordpress,wordpres pagina de login,login page personalizado para wordpress,en/wp login php,crear un formulario de login wp español,cambiar imagen wp-login,cambiar la apariencia del formulario de acceso a wordpress,cambiar logo wp-login php

Noticias relacionadas »

15 comentarios en Personalizar la pagina de login de wordpress

  1. Pingback: aha-Diseño – 10 TRUCOS PARA PERSONALIZAR EL DASHBOARD DE WORDPRESS.

  2. Microsource
    / Responder

    Excelente tu ayuda! muchisimas gracias!

  3. / Responder

    Muchas gracias por tu apotación. Muy sencillos y útiles los post. La verdad que con este tipo de tips una va puliendo pocoa a poco todos los detalles de wordpress.

  4. ivan
    / Responder

    Agregue la funcion guarde el archivo pero no la ejecuta, o_O que estoy haciendo mal
    en que parte del codigo añado la funcion?

  5. Marc
    / Responder

    gracias compañero muy interesante 🙂 me irá bien para mi proyecto!!

  6. Luis
    / Responder

    Hola, ¿como hago para quitar el link que dice “¿olvidaste tu contraseña?” deseo eliminarlo por completo. Gracias 😀

  7. / Responder

    gracias por el dato de la linea 83 y la imagen la cambie en desde la carpeta wp-admin/images/logo-login.png

  8. David
    / Responder

    Buen aporte en español… Gracias.
    Y en el mismo “trocito de codigo”… ¿sabrias decirnos como se puede cambiar la direccion a la que redirecciona si pinchamos sobre el logo?

    • / Responder

      pues yo desde el wp-login en la linea 87 le cambie el link, 😉 . salud2

      • Pedro Ventura
        / Responder

        Hola Jorge,

        Te cuento esto no está del todo bien, porque que pasa si actualizas la versión de WordPress y han cambiado el wp-login?? que tendrás que volver a editar el código, y tendrás que tocarlo a cada versión que actualicen y cambien el wp-login o cualquier archivo del directorio principal de WP. Por esto se tiene que crear una nueva funcion y editar el functions.php de tu theme.

  9. mane
    / Responder

    bueno, pero… en realidad no pude cambiar el logo de inicio de sesion wp

    • Pedro Ventura
      / Responder

      subiste una imagen a tu desarrollo? cambiaste el path del ejemplo por lo que tu tienes y has comprobado que esta ok y no da un error 404?

      Puede ser la versión de wordpress, la tienes actualizada?!

      Es algo realmente simple para que te de error y no te funcione.

      • / Responder

        ya te ha pasado??, porq al parecer no pasa eso porque ya lo he hecho jeje. saludos.

        • / Responder

          ups me confundi, esta respuesta era para la pregunta anterior. sorrry mi error. 😮

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Invertir en criptomonedas: »

 

Cómo comprar bitcoin

Invertir y comprar Bitcoin y otras altcoins es más fácil de lo que crees.

1) Si sólo quieres comprar Bitcoin, Ethereum o Litecoin como inversión, tu opción es Coinbase

2) Si quieres probar con otras criptomonedas tu opción es Binance

3) Cualquier duda escríbeme con total libertad al formulario de contacto para resolver dudas: https://www.pedroventura.com/contacto/

¡Comparte este artículo! »

  • Zein (1 día)
    EXELENTEE!!! MIL PUNTOS PARA TI! si me funcionó a la…
  • señales cryptowhale (2 días)
    https://t.me/SignalsWins
  • carlos hernandez (1 semana)
    Hola, hay alguna funcion k sirva para saber el correo…
  • steven (3 semanas)
    tengo un problema me sale este error cuando pongo data:…
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUFG_xDVJ-PS3cWEYAw este es el enlace me equivoque.
  • lewis rod (4 semanas)
    https://t.me/joinchat/Hs_yUBDhw2Uk7D3D835GJQ grupo de telegram latino sudamericano peru, colombia, ecuador, chile,…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
Eliminar el nombre de admin en los estilos de los comentarios en WordPress

Por defecto, cuando el administrador del blog deja un comentario, wordrpess usa este nombre como un estilo para utilizarlo en...

Cerrar