[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

cambia tamaño logotipo wordpress

Cómo cambiar el tamaño de tu logo de WordPress (con cualquier tema)

El logotipo de tu página web es una parte importante de tu marca personal o de tu empresa. Dependiendo del tema de WordPress que uses, a veces puedes no tener claro cómo hacer tu logo más grande o pequeño.

En este artículo te enseñamos paso a paso cómo cambiar el logotipo de tu página web de WordPress de manera fácil y rápida.

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

Cuando subes tu logotipo a WordPress, no siempre tiene el tamaño adecuado. Si es demasiado pequeño no destacará ni se verá, y si es demasiado grande puede afectar al diseño de tu sitio web.

Dicho esto, te mostramos algunas formas diferentes que puede utilizar para cambiar el tamaño del logotipo en WordPress. Para el método que elijas, ten en cuenta el tema de WordPress que estés utilizando y tu nivel de comodidad con la edición de código CSS.

Te mostramos cómo hacerlo de tres maneras:

  • Cambiar el tamaño del logo de WordPress con el personalizado
  • Cambiar el tamaño del logo de WordPress editando el código CSS
  • Cambiar el tamaño del logo de WordPress sin editar el código CSS

Método 1. Cambiar el tamaño del logo de WordPress con el personalizador de WordPress

La forma más sencilla y fácil de cambiar el tamaño del logo en WordPress es utilizando el personalizador de temas, pero solo funcionará si tu tema de WordPress lo soporta.

Muchos temas como Divi, Astra, Ultra y otros tienen una herramienta incorporada para cambiar el tamaño del logo. Cuando subes tu logo en WordPress, estos temas facilitan el ajuste del logo con un deslizador para ajustar el ancho y el alto.

Nota: el tamaño de tu logo será tan grande como la imagen que subas, así que debes asegurarte de subir una imagen de logo acorde al tamaño que quieras tener.

En este tutorial te mostramos cómo cambiar tu logo en Divi, Astra, y el tema Ultra, pero el método es similar para la mayoría de los temas populares de WordPress. Si tu tema no tiene esta opción, prueba el método 2 o 3 que te dejamos más abajo.

Te podría interesar leer:  Mostrar Menús Diferentes en WordPress para Usuario y Visitante

Cambia el tamaño de tu logotipo de WordPress en el tema Divi.

En primer lugar, haz click en Davi » Personalizador de temas y ve a la opción de menú ‘Encabezado y navegación’. A continuación, haz click en la opción desplegable ‘Barra de menú principal’, donde podrás cambiar el tamaño de tu logotipo.

Primeramente, ajusta la configuración de «Altura del menú». Esto controla la altura de todo el menú de navegación y definirá el tamaño de su logotipo.

Después, puedes cambiar la «Altura máxima del logotipo», que es un porcentaje de la altura total del menú. También puedes ajustar el control deslizante «Altura máxima del logotipo» hacia arriba y hacia abajo hasta que encuentre el tamaño perfecto de tu logotipo.

Asegúrate de hacer clic en el botón «Publicar» para guardar los cambios antes de salir.

Cambia el tamaño de tu logo de WordPress en el tema Astra

Dirígete a Apariencia » Personalizar, y luego haz clic en la opción de menú ‘Encabezado’. Después haz clic en la opción de menú ‘Identidad del sitio’, y aquí podrás ajustar el tamaño de tu logotipo.

Lo único que tienes que hacer es mover el deslizador «Ancho del logo» a la izquierda o a la derecha y podrás ver automáticamente los cambios de tamaño de tu logotipo en tiempo real, a medida que mueves el deslizador.

Cuando estés contento con el tamaño de tu logotipo, asegúrate de hacer clic en «Publicar» antes de salir de la página.

Cambia el tamaño de tu logo de WordPress en el tema Ultra

Para personalizar el tamaño del logo en el tema Ultra, ve a Apariencia » Personalizar, y haz clic en el elemento de navegación ‘Logotipo del Sitio y Etiqueta’. Después, haz clic en el menú desplegable ‘Logotipo del sitio’.

A continuación, selecciona el botón de «Imagen del logotipo”. Ahora puedes cambiar el tamaño del logotipo introduciendo nuevas dimensiones en las casillas situadas a la derecha de la imagen del logotipo.

Si quieres que la imagen se ajuste al tamaño original, introduce las nuevas dimensiones del logotipo exclusivamente en una casilla. A medida que introduzcas nuevas dimensiones, verás cómo cambia el tamaño en tiempo real. Como ya hemos mencionado anteriormente, cuando termines de personalizar el tamaño de tu logotipo, asegúrate de hacer clic en el botón “Publicar».

Te podría interesar leer:  Cómo Minimizar Archivos CSS y Javascript en WordPress

Si tu tema no está resaltado arriba, entonces todavía hay una posibilidad de que puedas personalizar el tamaño de tu logo usando el personalizador de WordPress. Simplemente ve a Apariencia » Personalizar en cualquier tema que estés usando y mira qué opciones de personalización están disponibles para tu logo.

Método 2. Cambiar el tamaño del logo de WordPress editando el CSS

Si tu tema de WordPress no permite cambiar el tamaño del logotipo utilizando el personalizador, entonces puedes hacerlo añadiendo un CSS personalizado.

En primer lugar, navega hacia la página principal de tu sitio web. Haz clic con el botón derecho en cualquier parte de la página y selecciona la opción «Inspeccionar». Se te mostrará un menú de inspección con todo el código de la página.

Después de eso, haz clic en el icono «Seleccionar un elemento”. Esto te permitirá seleccionar el elemento del logotipo de su sitio web y ver el código.

A continuación, simplemente pasa el ratón por encima del logotipo de tu sitio web hasta que aparezca la clase CSS.

Utiliza esta clase CSS para personalizar el tamaño de tu logo de WordPress. Ahora, escribe esto en un editor de texto, por ejemplo el Bloc de notas. Ahora puedes volver a tu panel de administración de WordPress y volver a Apariencia » Personalizar. Haz clic en la opción de menú «CSS adicional”.

Aparecerá un menú desplegable en el que podrás añadir código CSS personalizado.

Añadir clase CSS

Simplemente añade la clase CSS que encontraste antes y especifica las nuevas dimensiones de la imagen. Puedes usar el código CSS de abajo:

img.custom-logo {

     max-height: 100px !important;

}

Tienes que cambiar la clase CSS img.custom-logo de arriba por la clase CSS que utiliza tu tema. También puedes cambiar la altura máxima al tamaño que quieras.

Una vez que hayas hecho los cambios, simplemente haz clic en el botón “Publicar» antes de salir.

Método 3. Cambiar el tamaño del logo de WordPress sin editar el CSS

Otra opción es usar un plugin de estilo de WordPress, puede hacer cambios visuales en su sitio similar a usar un constructor de páginas de arrastrar y soltar.

Te podría interesar leer:  Cómo Cambiar el Prefijo de Categoría en WordPress

Nosotros te recomendamos CSS Hero. Es un plugin de estilización que le permite editar casi todos los estilos CSS en tu sitio de WordPress sin escribir una sola línea de código CSS.

Lo primero que tienes que hacer es instalar y activar el plugin. Después, haz clic en el botón «Proceder a la activación del producto» para activar el plugin.

Esto te llevará a una pantalla donde puedes introducir tu nombre de usuario y contraseña, y sólo tienes que seguir las instrucciones que aparecen en pantalla, y serás redirigido de nuevo a tu sitio una vez que tu cuenta esté verificada.

Después, haz clic en el botón «Personalizar con CSS Hero» en la parte superior de tu barra de herramientas de administración de WordPress. Esto te llevará a tu sitio web con CSS Hero ejecutándose sobre él.

Mostrar accesorios avanzados

Cuando hagas clic en cualquier elemento de tu página, aparecerá una barra de herramientas a la izquierda para realizar personalizaciones. Haz clic en el logotipo de WordPress en la parte superior de la página, y posteriormente haz clic en el enlace «Mostrar accesorios avanzados”. Esto te dará más opciones de personalización de CSS.

A continuación, localiza la casilla ‘Medidas’. Aquí encontrarás las opciones llamadas ‘Max Width’ y ‘Max Height’. Cámbialas al tamaño de imagen que prefieras, y si quieres que la imagen mantenga las mismas dimensiones, entonces sólo cambia el alto o el ancho. Los cambios que hagas se mostrarán automáticamente en tu página.

Una vez que hayas terminado de cambiar el tamaño de tu logotipo, debes hacer clic en «Guardar y publicar”.

Esperamos que este artículo te haya ayudado a cambiar el tamaño de tu logo en WordPress, si te ha gustado este artículo te recomendamos leer 12 Populares y Gratuitos Temas 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