Reemplazar logotipo en la pantalla de login de WordPress
Este snippet reemplaza el logo de WordPress en la pantalla de login (wp-login.php) por uno personalizado. Además, cambia el enlace del logo para que redirija a tu sitio en lugar de wordpress.org, y modifica el atributo “title” al pasar el cursor.
Muestra de codigo del snippet
/**
* Reemplaza el logotipo de WordPress en la página de inicio de sesión
* Autor: WPAdictos
*/
// Cambiar el logo de WordPress por uno personalizado
function wpadictos_custom_login_logo() {
?>
<style type="text/css">
body.login div#login h1 a {
background-image: url('<?php echo esc_url(get_stylesheet_directory_uri()); ?>/images/logo-login.png');
background-size: contain;
- 100% Compatible
- Fácil de integrar
- Código seguro
$2.99 El precio original era: $2.99.$1.97El precio actual es: $1.97.
18
Personas viendo este producto!
¿Dónde colocar el código?
Ubicación recomendada: Pegalo en el archivo functions.php
de tu tema hijo o en un plugin personalizado.
Pasos para implementarlo
- Accedé al panel de administración de WordPress.
- Ir a Apariencia > Editor de archivos de tema (o usar FTP/SFTP).
- Abrí el archivo
functions.php
del tema hijo. - Pegá el snippet al final del archivo.
- Guardá los cambios.
- Subí tu logotipo a la carpeta
/wp-content/themes/tu-tema-hijo/images/
con el nombrelogo-login.png
.
Requisitos previos
- Acceso de administrador a tu sitio WordPress.
- Un tema hijo activo (recomendado).
- Una imagen de logotipo en formato PNG, JPG o SVG (preferentemente 320x100px).
Ejemplo de uso práctico
Escenario: En la pantalla de inicio de sesión de tu sitio, se verá tu logo personalizado en lugar del logo de WordPress, con un enlace a tu página principal y el nombre de tu sitio como texto emergente.
Personalización
Modifica fácilmente:
- Cambiá la ruta del logo en
background-image: url()
si lo alojás en otra carpeta. - Podés ajustar el tamaño modificando
width
,height
ybackground-size
. - El nombre del archivo puede ser otro, solo recordá cambiarlo en el código.
Cómo probar que funciona
- Cerrá sesión o abrí una ventana en incógnito y accedé a
tusitio.com/wp-login.php
. - Verificá que el logo haya sido reemplazado correctamente.
- Comprobá que al hacer clic en el logo, te lleve a tu página principal.
Producto recomendado
WPCode Pro – The Best WordPress Code Snippets Plugin
In stock
Snippets Recomendados
Ocultar barra de administración en el frontend salvo para administradores
In stock
Permitir subida de imágenes WebP en WordPress
In stock
Permitir la carga de archivos SVG en WordPress
In stock
Redireccionar a los usuarios después del login según su rol
In stock
Mostrar cuántos usuarios tienen un producto en el carrito
In stock