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.
- Cambiar el tamaño del logotipo de WordPress con el personalizador de WordPress
- Cambie el tamaño del logotipo de WordPress editando el código CSS
- Cambie el tamaño del logotipo de WordPress sin editar el 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’.
Después de eso, haga clic en la opción desplegable ‘Barra de menú principal’.
Aquí puede cambiar el tamaño de su logotipo.
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ú.
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’.
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.
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.
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».
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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’.
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.
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