cambiar-imagen-login-wordpress

Cómo cambiar el Logotipo de la página de Login de WordPress

Para cambiar el logo por defecto de la página de login de WordPress usaremos un hook de WordPress para llamar a una función que crearemos que sobreescribirá el logo por defecto.

¿Que qué es un Hook de WordPress? Lee esto.

¿Que qué es WordPress?… Lee esto, aunque ya deberías saber qué es si estás aquí… XD

Bueno, al turrón!

¿Cómo cambiar el Logotipo de la página de Login de WordPress?

Necesitamos modificar el archivo functions.php de la raiz de nuestro Theme (o Child Theme). ¿Tu Theme no tiene dicho archivo? CRÉALO!

<?php
/* LOGIN PAGE*/
function my_login_logo() { ?>
 <style type="text/css"> 
 body.login div#login h1 a {
 background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/login.png); display:block; width:200px; height:200px; margin:0 auto; background-size:200px 200px;
 }
 </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );
function my_login_logo_url() {return home_url();}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {return 'NOMBRE DE MI WEB O THEMA (para el hover)';}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

Una vez editado y añadido este contenido tenemos que tener en cuenta un par de detalles:

El background-image de la primera función hace referencia a un archivo llamado login.png, dentro de la carpeta images de nuestro Theme (/wp-content/themes/MITHEME/images/login.png)*

*png con transparencia, si es posible y/o necesario.

También hace referencia al tamaño de la imagen (en 2 sitios). En este caso 200px de ancho y 200px de alto.

Las 2 funciones siguientes son para darle funcionalidad a la imagen.

La primera my_login_logo_url() hace que la imagen enlace a tu web, no a la web de WordPress como viene por defecto.

La segunda le coloca el título a dicha imagen.

Y poco más que contar al respecto. Ale! a poner la imagen bonita!

Deja un comentario

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