Cómo cambiar fácilmente el logotipo de inicio de sesión en WordPress










  • ¿Tiene su sitio web una página de inicio de sesión para los visitantes? Si es así, es posible que desee cambiar el logotipo de inicio de sesión de WordPress para agregar su propio logotipo. Un logotipo de inicio de sesión personalizado puede ayudar a construir el reconocimiento de marca de su sitio web. Cuantas más veces sus visitantes vean su logotipo, más probable es que recuerden su sitio web.

    Por supuesto, tener un logotipo no es suficiente, tiene que verse bien.

    Muchos sitios web bloquean ciertas funciones al iniciar sesión en el sitio web. Esto brinda a los visitantes un incentivo para registrarse en una cuenta, lo que puede ayudar a agregar suscriptores a su lista de correo electrónico. Por supuesto, esto significa que necesitarán iniciar sesión en el sitio web.

    Hoy demostraré cómo cambiar el logotipo de inicio de sesión en WordPress usando dos métodos.

    Por qué usar un logotipo de inicio de sesión personalizado en WordPress

    Como cualquier otra página que cree, la página de inicio de sesión debe estar bien diseñada, pero el problema es que no hay mucho contenido que pueda poner en una pantalla de inicio de sesión.

    Su propósito es permitir que el usuario inicie sesión. Por lo general, verá un campo de nombre de usuario y contraseña junto con la opción de registro u olvidó su contraseña en una pantalla típica de inicio de sesión. Aquí es donde entra en juego el logotipo de inicio de sesión, le permite hacer que su página de inicio de sesión se vea mejor y puede permitir que su logotipo sea el centro de atención en la página.

    Tenga en cuenta que un logotipo no es solo para iniciar sesión y debe ser una de las primeras piezas que diseñe para su sitio web. El logotipo ayudará a que su sitio web se sienta más personal, y un sitio web personal suele ser bien recibido por los visitantes, siempre que sea bueno.

    “Una imagen vale más que mil palabras” es lo que dice la mayoría de la gente, pero como un logo representa tu marca, un logo debería valer dos mil palabras. Existen muchas herramientas web que pueden ayudarte a crear un logotipo de forma gratuita si no te sientes preparado para la tarea.

    Cómo cambiar el logotipo de inicio de sesión de WordPress

    Como la mayoría de las cosas en WordPress, hay varias formas de cambiar el logotipo de inicio de sesión dentro de WordPress. Demostraré cómo hacerlo usando código y cómo hacerlo usando el complemento Personalizador de página de inicio de sesión personalizado . Ambos métodos están bien para principiantes.

    Dado que editará el código de su tema, es una buena idea hacer una copia de seguridad de su sitio web  de antemano en caso de que cometa un error. Esto le permitirá revertir su sitio web a la versión anterior si algo sale mal.

    Método 1: usar código para personalizar el logotipo de inicio de sesión

    Paso 1: busque el archivo de funciones

    Vayamos al cPanel de su sitio web. Haga clic en la opción Administrador de archivos para encontrar todos los archivos que necesitamos.

    Haga clic en la opción Administrador de archivos.

    Busque la carpeta wp-content en el directorio de archivos. Una vez que lo hayas encontrado, entra en la carpeta. Haga clic en la carpeta de temas dentro. Seleccione el tema que está utilizando actualmente en su sitio web. Busque el archivo functions.php y haga clic con el botón derecho en él. Seleccione la opción Editar.

    Nota: Esta es su última oportunidad de crear una copia de seguridad de su sitio web. Recomiendo encarecidamente hacer uno si es la primera vez que edita código.

    Seleccione la opción Editar.

    Paso 2: ingrese el código

    El código en la carpeta debería abrirse en una nueva pestaña. Recomiendo desplazarse hasta la parte inferior y pegar el código allí, eso asegurará que no esté poniendo el código dentro de otra función. Debe copiar las siguientes líneas de código y luego pegarlas en el archivo de funciones.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function my_login_logo_one() {
    ?>
    <style type="text/css">
    body.login div#login h1 a {
     background-image: url(https://yourdomain/wordpress/My_logo.png);
    padding-bottom: 30px;
    }
    </style>
     <?php
    } add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

    En este código, "/wordpress/My_logo.png" es el nombre de mi archivo de logotipo de muestra. Debe insertar la URL del archivo de su logotipo en su lugar.

    Ya casi terminas. Haga clic en el botón "Guardar cambios" para guardar su trabajo.

    Haga clic en el botón "Guardar cambios".

    Paso 3: Cargue el archivo del logotipo

    Ahora debe agregar el archivo del logotipo real a la carpeta de imágenes de su tema. Asegúrese de elegir una versión de su logotipo que tenga el tamaño adecuado para la pantalla de inicio de sesión. Puedes cambiarlo si cometes un error, pero subir uno pequeño o enorme parecerá ridículo.

    Así que trata de hacerlo bien la primera vez.

    En la misma ubicación que el archivo de funciones, debería ver una carpeta etiquetada como imágenes. Haga clic en la carpeta de imágenes y cargue el archivo en ella.

    Nota: asegúrese de que el archivo del logotipo tenga el nombre correcto para que coincida con el código del paso anterior. Si no es así, el logotipo no aparecerá.

    Cargue el logotipo del archivo.

    Puede cambiar esta imagen en cualquier momento, solo asegúrese de que si decide agregar otra, le dé el nombre correcto del código que ingresó. Alternativamente, puede agregar el nombre al código. Cualquier método dará como resultado el mismo resultado.

    Felicitaciones, ahora puede ir a revisar su sitio web para ver aparecer su logotipo de inicio de sesión.

    Nota: Dado que este código se ingresó en el archivo de funciones de su tema, eso lo hace dependiente del tema. Por lo tanto, si elige cambiar su tema de WordPress, deberá volver a ingresar el código y volver a cargar el archivo del logotipo en la carpeta correspondiente.

    Método 2: usar un complemento para cambiar el logotipo de WordPress

    Paso 1: Instale el personalizador de página de inicio de sesión personalizado

    El personalizador de página de inicio de sesión personalizado le permite personalizar fácilmente la página de inicio de sesión de WordPress en tiempo real. Así es, puede ver todos los cambios a medida que los realiza.

    Si bien puede hacer muchas cosas con este complemento, nos centraremos en cómo cambiar el logotipo de WordPress a uno personalizado.

    Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Busque Personalizador de página de inicio de sesión personalizado en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Nota: Hay bastantes complementos con este nombre, así que asegúrese de instalar el de Colorlib .

    Desplácese hacia abajo hasta que encuentre el complemento Personalizador de la página de inicio de sesión personalizada y haga clic en el botón "Instalar ahora" y active el complemento para su uso.

    Paso 2: cambiar el logotipo

    En el panel de administración de la izquierda, haga clic en la opción Personalizador de inicio de sesión.

    Esto abrirá el área del personalizador de WordPress. Verá su pantalla de inicio de sesión actual. En el lado izquierdo, verá una lista de opciones que puede configurar. A los efectos de este tutorial, haga clic en Opciones de logotipo.

    De forma predeterminada, WordPress marca toda su página de inicio de sesión con su propia información. Puede encontrar opciones para cambiar esto e ingresar las suyas propias. Desplácese hacia abajo en el lado izquierdo hasta la sección de logotipo personalizado.

    Haga clic en el botón "Seleccionar imagen" para seleccionar su propio logotipo.

    Nota: solo un recordatorio rápido para verificar el tamaño de la imagen que está utilizando. El tamaño del logotipo no es particularmente grande, por lo que las imágenes más grandes se cortarán, lo que se ve terrible. De hecho, puede ajustar el tamaño del logotipo usando los controles deslizantes en esta sección si es necesario.

    Esto abrirá la biblioteca multimedia. Seleccione la imagen que desea utilizar y haga clic en el botón "Elegir imagen". El logo se actualizará a la imagen seleccionada.

    Siéntase libre de ajustar cualquiera de las otras configuraciones en esta sección u otra. Cuando esté satisfecho, haga clic en el botón "Publicar" en la parte superior.

    Felicitaciones por eliminar el logotipo de WordPress de su página de inicio de sesión.

    Marca todo lo relacionado con tu sitio web

    El área de inicio de sesión de WordPress es solo un aspecto de su sitio web. Puede agregar su logotipo a una variedad de otros lugares que pueden ayudar a compartir su marca.

    Uno de los lugares más populares para agregar su logotipo fuera de su sitio web es en las redes sociales. Si tiene una cuenta de redes sociales, y seamos honestos, la tiene, el logotipo de su sitio web debe estar presente en ella. Úselo como avatar o banner, pero asegúrese de que esté visible.

    Otra excelente opción es agregarlo a cualquier correo electrónico que envíe su sitio web. Independientemente del tipo de correo electrónico, su logotipo debe estar presente y probablemente debería estar en la parte superior. Esto también ayuda a los visitantes a saber que el correo electrónico no es fraudulento porque contiene su logotipo.

    Si tiene una ubicación física y envía volantes u otro tipo de correo, su logotipo debe estar presente en ellos. Debe agregarlo a cualquier documento que reciban sus clientes. Esto puede ser cualquier cosa, desde una factura que reciben hasta el menú cuando se sientan en una mesa.

    Dondequiera que esté presente su sitio web o negocio, su logotipo también debería estarlo.

    Un buen logotipo deja una impresión duradera

    Mire cualquier sitio web o negocio importante y verá que cada uno de ellos tiene un logotipo.

    La mayoría de las personas reconocen fácilmente este logotipo al instante y es una fuerte representación de su marca. Si los visitantes pueden ver la marca en un producto o contenido, generalmente esperarán un cierto nivel de calidad y es importante estar a la altura de esa expectativa.

    Por ejemplo, imagine el logotipo de Nike® en un par de zapatos mal construidos. No se vería bien para Nike® y lo mismo puede decirse de su sitio web si tuviera mal contenido. Es importante tener ciertos estándares de calidad que hagan que los clientes se sientan bien al comprar o ver los productos o el contenido de su marca.

    ¿Le gusta ver su logotipo en su página de inicio de sesión? ¿Siente que más visitantes saben cuál es su marca al tener su logotipo en la página de inicio de sesión?










  • Subir