Recientemente, uno de nuestros lectores preguntó si era posible cambiar el tamaño de su logotipo en WordPress.

El logotipo de su sitio web es una parte importante de su marca. Dependiendo del tema de WordPress que use, a veces no está claro cómo cambiar el tamaño de su logotipo para hacerlo más grande o más pequeño.

En este artículo, le mostraremos cómo cambiar fácilmente el tamaño del logotipo de WordPress, paso a paso.

¿Por qué cambiar el tamaño del logotipo en WordPress?

Cuando carga su logotipo en WordPress, es posible que no siempre tenga el tamaño correcto.

Un logo que es demasiado pequeño no se destacará. Mientras que, un logo que es demasiado grande puede terminar impactando negativamente el diseño de su sitio web.

Si ha invertido en un diseño de logotipo personalizado, debe asegurarse de que su logotipo aparezca con el tamaño correcto en el encabezado de su sitio web.

Para aquellos que todavía están en el proceso de diseño de logotipos, vea nuestras selecciones de los mejores creadores de logotipos gratuitos.

Dicho esto, le mostraremos algunas formas diferentes que puede utilizar para cambiar el tamaño del logotipo en WordPress.

El método que elija dependerá del tema de WordPress que esté utilizando y de su nivel de comodidad con la edición de código CSS.

Método 1. Cambie el tamaño del logotipo de WordPress con el Personalizador de WordPress

La forma más sencilla y fácil de cambiar el tamaño del logotipo en WordPress es mediante el personalizador de temas. Sin embargo, este método solo funciona si su tema de WordPress lo admite.

Muchos temas populares como Divi, Astra, Ultra y otros tienen una herramienta de cambio de tamaño de logotipo incorporada.

Cuando carga su logotipo en WordPress, estos temas facilitan el ajuste del logotipo con un control deslizante simple que puede usar para ajustar el ancho y la altura.

Nota: el tamaño de su logotipo solo será tan grande como la imagen que cargue, por lo que debe asegurarse de cargar una imagen de logotipo más grande, si su objetivo es hacerlo más grande.

Por el bien del tutorial, mostraremos cómo cambiar su logotipo en los temas Divi, Astra y Ultra, pero el método es similar para los temas más populares de WordPress. Si su tema no tiene esta opción, entonces necesita usar el método 2 o 3 de este tutorial.

Cambiar el tamaño del logotipo de WordPress en el tema Divi WordPress

Primero, navega a Divi »Personalizador de temas y haga clic en la opción de menú ‘Encabezado y navegación’.

Seleccione el personalizador de temas Divi

Después de eso, haga clic en la opción desplegable ‘Barra de menú principal’.

Aquí puede cambiar el tamaño de su logotipo.

Seleccione la barra de menú principal de Divi

Primero, debe ajustar la configuración de ‘Altura del menú’. Esto controla la altura de todo su menú de navegación y definirá qué tan grande puede hacer su logotipo.

Después de eso, puede cambiar la configuración de ‘Altura máxima del logotipo’, que es un porcentaje de la altura total del menú.

Ajustar la altura del logo

Puede ajustar el control deslizante ‘Altura máxima del logotipo’ hacia arriba y hacia abajo hasta que encuentre el tamaño de logotipo perfecto para su blog de WordPress.

Asegúrese de hacer clic en el botón “Publicar” para guardar los cambios antes de salir de la pantalla.

Cambiar el tamaño del logotipo de WordPress en el tema Astra de WordPress

Lo primero que debe hacer es navegar a Apariencia »Personalizar y luego haga clic en la opción de menú ‘Encabezado’.

Personalizar tema Astra

Después de eso, haga clic en la opción de menú ‘Identidad del sitio’.

Aquí puede ajustar fácilmente el tamaño de su logotipo.

Haga clic en la identidad del sitio en Astra

Todo lo que tiene que hacer es mover el control deslizante ‘Ancho del logotipo’ hacia la izquierda o hacia la derecha.

Puede ver automáticamente los cambios de tamaño de su logotipo en tiempo real, a medida que mueve el control deslizante.

Control deslizante de ancho del logo de Astra

Una vez que esté satisfecho con el tamaño de su logotipo, asegúrese de hacer clic en “Publicar” antes de salir de la página.

Cambiar el tamaño del logotipo de WordPress en el tema Ultra WordPress

Para personalizar el tamaño del logotipo en el tema Ultra, vaya a Apariencia »Personalizary haga clic en el elemento de navegación “Logotipo y lema del sitio”.

Logotipo y lema del sitio Ultra Click

Después de eso, haga clic en el menú desplegable ‘Logotipo del sitio’.

Luego, seleccione el botón de opción ‘Imagen de logotipo’ que aparece.

Botón del logotipo del sitio Ultra Click

Ahora, puede cambiar el tamaño del logotipo ingresando nuevas dimensiones en los cuadros a la derecha de la imagen de su logotipo. Si desea que la imagen se escale según el tamaño original, solo ingrese las nuevas dimensiones del logotipo en un cuadro.

Puede cambiar el ancho con el cuadro de la izquierda y la altura con el cuadro de la derecha.

Cambiar la altura y el ancho del logotipo

A medida que ingrese nuevas dimensiones, verá que el tamaño de su logotipo cambia en tiempo real.

Una vez que haya terminado de personalizar el tamaño de su logotipo, asegúrese de hacer clic en el botón “Publicar”.

Si su tema no está resaltado arriba, todavía existe la posibilidad de que pueda personalizar el tamaño de su logotipo utilizando el personalizador de WordPress.

Simplemente ve a Apariencia »Personalizar sobre cualquier tema que esté utilizando y vea qué opciones de personalización están disponibles para su logotipo o encabezado.

Método 2. Cambie el tamaño del logotipo de WordPress editando CSS

Si su tema de WordPress no admite cambiar el tamaño del logotipo con el personalizador de temas de WordPress, puede cambiar el tamaño agregando CSS personalizado.

Lo primero que debe hacer es navegar a la página de inicio de su sitio web.

Luego, haga clic derecho en cualquier lugar de la página y seleccione la opción ‘Inspeccionar’. Esto abrirá un menú Inspeccionar que muestra todo el código de la página.

Inspeccionar con clic derecho

Después de eso, debe hacer clic en el icono ‘Seleccionar un elemento’ que parece un puntero de mouse.

Esto le permitirá seleccionar el elemento del logotipo de su sitio web y ver el código.

Haga clic en seleccionar un icono de elemento

A continuación, simplemente coloque el cursor sobre el logotipo de su sitio web hasta que aparezca la clase CSS. Se verá similar a la imagen de abajo.

Utilizará esta clase de CSS para personalizar el tamaño de su logotipo de WordPress. Entonces, escriba esto en un editor de texto como el Bloc de notas.

Clase de CSS del logotipo

Ahora puede regresar a su panel de administración de WordPress y navegar a Apariencia »Personalizar. Debe hacer clic en la opción de menú ‘CSS adicional’.

Aparecerá un menú desplegable donde puede agregar código CSS personalizado.

Seleccionar CSS adicional

Simplemente agregue la clase CSS que encontró anteriormente y especifique las nuevas dimensiones de la imagen. Puede utilizar el siguiente código CSS como ejemplo.

img.custom-logo {
     max-height: 100px !important;
}

Necesitas cambiar el img.custom-logo Clase CSS anterior a la clase CSS que usa su tema.

También puede cambiar el max-height al tamaño que desee.

Así es como se ve dentro del personalizador de WordPress.

Personalizador CSS adicional de WordPress

Una vez que haya realizado los cambios, simplemente haga clic en el botón “Publicar” para que los cambios estén activos.

Método 3. Cambie el tamaño del logotipo de WordPress sin editar CSS

Si no se siente cómodo editando archivos de tema o agregando CSS personalizado, este método es para usted.

Usando un estilo de WordPress plugin, puede realizar cambios visuales en su sitio de forma similar a utilizar un generador de páginas de arrastrar y soltar.

Recomendamos usar CSS Hero. Es un estilista plugin que le permite editar casi todos los estilos CSS en su sitio de WordPress sin escribir una sola línea de código CSS.

Negociar: Los lectores de pueden obtener un descuento del 34% a través de nuestro código de cupón CSS Hero.

Lo primero que debe hacer es instalar y activar el plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Tras la activación, debe hacer clic en el botón ‘Continuar con la activación del producto’ para activar el plugin. Se encuentra justo encima de la lista de instalados. plugins.

Activar CSS Hero plugin

Esto lo llevará a una pantalla donde puede ingresar su nombre de usuario y contraseña. Simplemente siga las instrucciones en pantalla y será redirigido a su sitio una vez que se verifique su cuenta.

Después de eso, haga clic en el botón ‘Personalizar con CSS Hero’ en la parte superior de la barra de herramientas de administración de WordPress.

Personalizar con CSS Hero

Esto lo llevará a su sitio web con CSS Hero ejecutándose encima. CSS Hero utiliza un editor WYSIWYG (Lo que ves es lo que obtienes).

Cuando haga clic en cualquier elemento de su página, aparecerá una barra de herramientas a la izquierda para realizar personalizaciones.

Vista previa de CSS Hero

A continuación, haga clic en su logotipo de WordPress en la parte superior de la página.

Después de eso, haga clic en el enlace ‘Mostrar accesorios avanzados’.

Haga clic en mostrar accesorios avanzados

Esto le brinda aún más opciones de personalización de CSS.

Luego, ubique el cuadro ‘Medidas’. Aquí encontrará opciones llamadas ‘Ancho máximo’ y ‘Alto máximo’.

Desea cambiarlos al tamaño de imagen que prefiera. Si desea que la imagen mantenga las mismas dimensiones, cambie solo la altura o el ancho.

Definir el ancho y la altura del logotipo

Los cambios que realice aparecerán automáticamente en su página.

Una vez que haya terminado de cambiar el tamaño de su logotipo, debe hacer clic en ‘Guardar y publicar’ para que los cambios estén activos.

Esperamos que este artículo le haya ayudado a cambiar el tamaño de su logotipo de WordPress. Es posible que también desee ver nuestras selecciones de expertos para el mejor software de chat en vivo para pequeñas empresas, y nuestra lista de los imprescindibles de WordPress. plugins para sitios web comerciales.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

Cómo cambiar el tamaño de su logotipo de WordPress (funciona con cualquier tema) .

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

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