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

Recientemente, uno de nuestros lectores ha preguntado si es posible cambiar su registro de WordPress. El logotipo de su sitio web es una parte importante de su marca de acuerdo con el tema de WordPress que usa, a veces no está claro cómo cambiar el tamaño del 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 su tamaño de Logia en WordPress? Al cargar el logotipo en WordPress, puede que no siempre sea del tamaño correcto. Un logotipo muy pequeño no se destacará. Mientras que un logotipo alto puede tener un impacto negativo en el diseño de su sitio web.
Si ha invertido en un diseño de logotipo personalizado, debe asegurarse de que su logotipo aparezca como el tamaño correcto en el encabezado de su sitio web. Para aquellos que todavía están en el proceso de diseño del logotipo, consulte nuestras opciones sobre los mejores fabricantes de logotipos gratuitos. Dicho esto, le mostraremos algunas formas diferentes de usar para cambiar el tamaño del logotipo en WordPress. El método que elija dependerá del tema de WordPress que use y su nivel de comodidad con la edición del código CSS.
Cambiar el tamaño del logotipo de WordPress usando WordPress Customizer
Cambiar el tamaño del logotipo de WordPress editando el código CSS
Cambiar 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 WordPress Customizer La forma más simple y fácil de cambiar el tamaño del logotipo a WordPress es utilizando los temas personalizados. Sin embargo, este método solo funciona si su tema de WordPress lo acepta. Muchos temas populares como Div, Astra, Ultra y otros tienen un instrumento para cambiar el logotipo incorporado. Al cargar su logotipo en WordPress, estos temas facilitan ajustar el logotipo con una diapositiva simple que puede usar para ajustar el ancho y la altura. Nota: El tamaño de su logotipo será tan grande como la imagen que carga, por lo que debe asegurarse de cargar una imagen de logotipo más grande si su objetivo es hacerlo más grande. En aras del tutorial, mostraremos cómo cambiar su logotipo sobre los temas de Div, Astra y Ultra, pero el método es similar a los temas de WordPress más populares. Si su tema no tiene esta opción, debe usar el Método 2 o 3 de este tutorial.
Cambie el tamaño del logotipo de WordPress en el tema de WordPress Divpress primero, explore el tema personalizado Div »y haga clic en el menú” Encabezado y navegación “.
Después de eso, haga clic en la opción “Menú principal”. Aquí puede cambiar el tamaño de su logotipo.

Primero, debe ajustar la configuración “Altura del menú”. Esto controla la altura de todo el menú de navegación y definirá qué tan grande puede crear su logotipo. Después de eso, puede cambiar la configuración de la “altura máxima del logotipo”, que representa un porcentaje de la altura total del menú.

Puede ajustar la diapositiva “Altura máxima de logotipo” hacia arriba y hacia abajo hasta que encuentre el tamaño perfecto de su logotipo para su blog de WordPress. Cambie el tamaño del logotipo de WordPress en WordPress Astra.

Después de eso, haga clic en la opción del menú “Sitio de identidad”. Aquí puede ajustar fácilmente el tamaño de su logotipo.
Todo lo que tiene que hacer es mover el deslizamiento deslizante “Ancho del logotipo” hacia la izquierda o la derecha. Puede ver automáticamente los cambios en el tamaño de su logotipo en tiempo real a medida que mueve la diapositiva.

Después de estar satisfecho con el tamaño de su logotipo, asegúrese de hacer clic en “Publicar” antes de salir de la página. Cambie el tamaño del logotipo de WordPress en el tema Ultra WordPress para personalizar el tamaño del logotipo en el tema Ultra, navegar »Personalización y hacer clic en el elemento de navegación” Sitio de logotipo y lema “.

Después de eso, haga clic en el menú “Logotipo del logotipo del sitio”. Luego seleccione el botón de radio “Imagen del logo” 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 cambie de tamaño según el tamaño original, ingrese solo las dimensiones del nuevo logotipo en una sola caja.

Puede cambiar el ancho con la caja a la izquierda y la altura con la caja a la derecha.

A medida que ingrese nuevas dimensiones, verá el tamaño de su logotipo en tiempo real. Después de haber terminado de personalizar el tamaño de su logotipo, asegúrese de hacer clic en el botón “Publicar”. Si su tema no se resalta arriba, entonces todavía existe la posibilidad de que pueda personalizar el tamaño de su logotipo. Usando el personalizador de WordPress. Simplemente acceda a la apariencia »Personalice en cualquier tema que use 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 acepta cambiar el tamaño del logotipo usando el personalizador de WordPress, entonces puede cambiar el tamaño agregando CSS. Lo primero que debe hacer es navegar en la página de inicio del sitio web. Luego, haga clic en la derecha en cualquier lugar de la página y seleccione la opción “Inspeccionar”. Esto mostrará un menú de inspección que muestra todo el código de página.

Después de eso, debe hacer clic en el icono “Seleccionar un elemento” que parece un indicador del mouse.

Esto le permitirá seleccionar el elemento del logotipo de su sitio web y ver el código.
Luego, simplemente vaya con el mouse a través del logotipo de su sitio web hasta que aparezca la clase CSS. Se verá similar a la imagen a continuación. Utilizará esta clase CSS para personalizar el tamaño de su logotipo de WordPress. Así que escriba esto en un editor de texto como el bloc de notas.

Ahora puede volver al tablero del administrador de WordPress y explorar la apariencia ». Debe hacer clic en la opción de menú “CSS adicional”. Esto mostrará un menú desplegable en el que puede agregar código CSS personalizado. Puede usar el código CSS a continuación como ejemplo.img.custom-logo {
MAX-HEGHT: 100PX! IMPORTANTE;

}

Debe cambiar la clase CSS IMG.Custom-Logo anterior con la clase CSS que utiliza su tema, puede cambiar Max-Height a cualquier tamaño que desee. Así es como se ve dentro del WordPress personalizado.

Después de haber realizado los cambios, simplemente haga clic en el botón “Publicar” para hacer cambios en vivo. Método 3. Cambie el tamaño del logotipo de WordPress sin editar CSS si no se siente cómodo editando archivos temáticos o agregando CSS, entonces este método es para usted.
Usando un complemento de estilo WordPress, puede hacer cambios visuales en su sitio de manera similar al uso de un generador de página de arrastrar y soltar. Recomendamos usar CSS Hero. Es un complemento Styler que le permite editar casi todos los estilo CSS en su sitio de WordPress sin escribir una sola línea de código CSS. Oferta: el lector WPBeginner puede obtener un descuento del 34% por nuestro código de cupón de CSS Hero. Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de la activación, debe hacer clic en el botón “Continuar la activación del producto” para activar el complemento. Está justo por encima de su lista de complementos instalados. Esto lo llevará a una pantalla donde puede ingresar su nombre de usuario y contraseña. Simplemente siga las instrucciones en la pantalla y será redirigido de regreso 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 al atenderlo. CSS Hero usa un editor Wysiwyg (lo que ves es lo que obtienes). Al hacer clic en cualquier elemento de su página, mostrará una barra de herramientas a la izquierda para hacer personalizaciones.
Luego haga clic en el 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 la caja de “medidas”. Aquí encontrará opciones llamadas “Ancho máximo” y “Altura máxima”. Desea cambiarlos al tamaño de la imagen que prefiera. Si desea que la imagen mantenga las mismas dimensiones, cambie solo la altura o el ancho. Las modificaciones que realice aparecerán automáticamente en su página. Después de haber terminado de cambiar el tamaño de su registro, debe hacer clic en “Guardar y publicar” sus cambios para ser En Vivo. Esperamos que este artículo lo ayude a cambiar su tamaño de lógica de WordPress. También recomendamos que veas nuestras opciones de expertos para el mejor software de chat en vivo para pequeñas empresas, y nuestra lista de WordPress para sitios comerciales debe tener. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.