[icon name="fa-wordpress"]

Instalar WordPress

Guía de Instalación

[icon name="fa-heartbeat"]

Optimizar WordPress

Optimización y Velocidad

[icon name="fa-lock"]

Seguridad de WordPress

Guía de Protección

Cambiar Logo Formulario de Acceso en WordPress

Cambiar Logo Formulario de Acceso en WordPress

El formulario de acceso del administrador o de los usuarios registrados en tu sitio web es una parte de la apariencia global de tu WordPress, y por consiguiente el diseño debe combinar con el aspecto general, pero que la mayoría de usuarios lo dejan tal como viene de forma predeterminada con el logo de WordPress y los mismos colores, lo cual es poco profesional. Hoy te enseñaremos cómo cambiar logo formulario de acceso en WordPress.

Cambiar Logo Formulario

El formulario de acceso o ingreso al panel de administración, y también es para los usuarios registrados que quieren acceder a sus cuentas como en tiendas virtuales, o registrarse para realizar una compra o publicar un contenido.

El logo es la representación visual de tu marca en internet, que representa lo que es tu sitio o negocio hecho con WordPress, por eso, es importante dejar esto claro en tu sitio web.

En este caso lo que haremos es cambiar logo formulario de acceso de tu sitio web del logo oficial de WordPress, al logo personal o de tu marca en internet, para lograr el objetivo de personalizar el diseño y resaltar la identidad del sitio web.

function logo_acceso_wpbody() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.jpg);
        	background-repeat: no-repeat;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'logo_acceso_wpbody' );

Copias y pegas este código en la parte inferior del archivos functions.php de tu tema actual, si es la primera vez que haces modificaciones, te recomendamos visitar el artículo de cómo editar archivos en WordPress de forma correcta.

Lo que hace este código sencillamente es cambiar el logo de la marca WordPress, y lo reemplaza por otra imagen ubicada en una carpeta llamada images dentro del directorio de tu tema activo actual.

Te podría interesar leer:  Añadir Seguimiento en Formulario de Contacto Google Analytics

La ruta de la imagen es variable, o sea si copias y pegas este código en otro tema que activarás, también dará el mismo resulta, pero asegúrate de tener carpeta images y dentro de ella el logo de tu marca.

Es posible colocar una imagen directa de los medios de archivos subidos a tu sitio web para obtener un mismo resultado sin tener que realizar cambios sobre la ruta si cambias de tema.

La extensión de la imagen puede ser cualquiera de las usadas comunmente, en este ejemplo usamos .jpg porque no es imagen transparente, si fuera el caso, sería una .png para que el logo sea de otra forma que no sea cuadrada.

Contenido Bonus

Claro, a la hora de cambiar logo formulario de acceso quieres también personalizar el atributo de título que contiene el texto predeterminado «Funciona gracias a WordPress» a otro más personalizado, para esto también hay solución.

function titulo_logo_acceso() {
    return 'Bienvenido a ' . get_bloginfo('name');
}
add_filter( 'login_headertitle', 'titulo_logo_acceso' );

Tal como hicimos con el  código anterior, hacemos con este, lo pegas en tu archivo functions.php y lo subes al directorio de tu sitio mediante FileZilla u otra aplicación de transferencia de archivos.

El logo lleva a un enlace, y este enlace por defecto lleva al sitio oficial regional de WordPress, lo cual debemos cambiar. Para hacer esto, te invitamos a leer nuestro artículo anterior de cómo cambiar enlace URL del logo de acceso, que te guía cómo hacerlo.

Si te gusta el artículo, te invitamos a compartirlo, y seguirnos por Facebook, donde tenemos la página oficial, o por Twitter y Google+ donde también obtienes contenido actualizado de tutoriales sobre optimización, plugins y seguridad de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar