Santi Navarro
Menu
  • INICIO
  • WORDPRESS
  • SOCIALMEDIA
  • YOUTUBE
  • SEO
  • RECURSOS
  • CONTACTO
Home
Wordpress
Personalizar la zona de login en WordPress

Personalizar la zona de login en WordPress

apariencia-zona-login-por-defecto

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>
    ';
}

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-personalizada

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í';
}

// 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. 🙂

Post anterior
Siguiente post

Artículos relacionados de Wordpress

Cómo crear un blog gratis en WordPress en 5 minutos

Cómo crear un blog gratis en WordPress en 5 minutos

Google Translate, ¿cómo ofrecer traducciones de mi web?

Google Translate, ¿cómo ofrecer traducciones de mi web?

Cambiar la contraseña de WordPress desde el backend

Cambiar la contraseña de WordPress desde el backend

Mythemeshop – Temas de WordPress con un 45% descuento

Mythemeshop – Temas de WordPress con un 45% descuento


Los datos de los comentarios están seguros.

Responsable: Santi Navarro. Finalidad: Moderar los comentarios Legitimación: Consentimiento del Interesado. Destinatarios: Tus datos los guardará Disqus, el sistema que emplea esta web, que está acogido al acuerdo de seguridad EU-US Privacy. Derechos: podrás acceder, rectificar, limitar y suprimir tus datos.

ENTRADAS RECIENTES

  • Como eliminar comentarios desde la base de datos en WordPress
  • Como crear un botón para eliminar post o página en admin bar de WordPress
  • Cómo organizar las entradas de WordPress en categorías masivamente
  • Las Mejores Plantillas WordPress para Abogados Responsive
  • Tecnicas para ganar visibilidad en redes sociales gratis
  • Los mejores navegadores de internet para Android móvil y tablet
  • Mejores Plantillas de WordPress para Inmobiliaras y Agencias de Venta y Alquiler de Propiedades
  • Mejores Plantillas de WordPress para Empresas o Web Corporativa

Santi Navarro

Diseño web Wordpress, Posicionamiento web y Socialmedia

ARTÍCULOS SOBRE HOSTING

  • Hosting para Wordpress
  • Loading Alojamiento Web
  • Hosting Gratis

PLANTILLAS PARA WORDPRESS

  • Plantillas WordPress para Fotografía
  • Plantillas WordPress para Empresas
  • Plantillas WordPress para Abogados
  • Plantillas WordPress para Inmobiliarias
  • Plantillas WordPress para Restaurantes
  • Elegant Themes Plantillas Premium
  • Themeforest Envato Market

PUBLICACIONES

  • Página web barata
  • Descargar videos de Youtube sin programas
  • Como registrarse en Twitter fácilmente
  • Mejores Plantillas Responsive para Wordpress
  • Presupuesto Tienda Online
Copyright © 2025 Santi Navarro
Diseño web Wordpress en Valencia | Diseño web Gandia
Aviso legal - Política de privacidad - Uso de cookies - Mapa del sitio