Guías/Editar tu web/Temas/Añadir un logotipo a tu web

Añadir un logotipo a tu web

Un logotipo es una imagen que te representa a ti o a tu marca y que, normalmente, se coloca en una posición destacada en la parte superior de una web. Con esta guía, aprenderás a añadir un logotipo a tu sitio.

Crear una imagen de logotipo

Si acabas de empezar con tu web, proyecto o negocio, es posible que todavía no tengas un logotipo. Ten en cuenta los siguientes consejos al crear una imagen de logotipo:

  • Utiliza un archivo .png con fondo transparente para que el logotipo no aparezca con un recuadro blanco alrededor cuando lo coloques en tu web.
  • Elige un diseño simple para que se vea bien tanto en pantallas grandes como en pantallas pequeñas.
  • El tamaño recomendado de tu logotipo dependerá de tu tema, pero un ancho de 200 px es un buen punto de partida para experimentar.
  • Crea una versión más pequeña de tu logotipo para usarlo como icono de tu sitio.

Crear un logotipo con Jetpack AI

Utiliza el generador de logotipos de Jetpack AI para crear un logotipo que se base en la descripción corta de tu sitio. Puedes personalizar la sugerencia y elegir diferentes estilos para crear el aspecto que quieras.

Descubre cómo crear un logotipo con Jetpack AI.

Crear un logotipo con Fiverr

Para crear un logotipo para tu web con Fiverr, sigue estos pasos:

  1. Accede a la web del creador de logotipos de Fiverr.
  2. Introduce el nombre de tu empresa o blog, así como un eslogan (si tienes uno), y haz clic en Generar.
  3. Fiverr te creará automáticamente algunos logotipos. Puedes elegir el diseño que más te guste y personalizar el color, la fuente, el tamaño de la fuente, el espaciado o la posición, entre otras cosas.
  4. Después de comprar el logotipo, puedes descargar el archivo de imagen.
  5. Sube la imagen del logotipo a WordPress.com siguiendo los pasos de la siguiente sección.

Añadir tu logotipo

En la mayoría de los casos, añadirás tu logotipo con el editor del sitio. Sin embargo, si tu sitio usa un tema clásico o de terceros, puede que tengas que usar el Personalizador para añadir o editar el logotipo de tu sitio.

Una forma rápida de determinar si tu sitio utiliza el editor del sitio es comprobarlo en la sección Apariencia del escritorio. Si ahí ves el editor, es que utilizas un tema del editor del sitio.

Elige la pestaña apropiada para tu interfaz:

Para añadir un logotipo a tu sitio con el editor del sitio, sigue estos pasos:

  1. Desde el escritorio de tu sitio, ve a Apariencia → Editor.
  2. Haz clic en la vista previa de la página de inicio de la derecha o selecciona la pestaña patrones para personalizar una parte concreta de la plantilla.
  3. Elige Vista de lista en la esquina superior izquierda del editor. El icono son tres líneas horizontales una encima de la otra.
  4. Explora las secciones de tu cabecera:
    • La mayoría de las partes de la plantilla de cabecera ya tienen un bloque Logo del sitio.
    • Si no ves un bloque Logo del sitio, utiliza el insertador de bloques + para añadir uno.
  5. Elige una de las siguientes opciones en la barra de herramientas del bloque que aparece:
    • Elegir logotipo: verás esta opción si aún no has añadido el logotipo del sitio.
    • Generar con IA: haz clic en las tres estrellas para generar un logotipo con IA.
    • Reemplazar: utiliza esta opción para reemplazar o cambiar el logotipo de tu sitio.
  6. En la barra lateral de ajustes del bloque, puedes personalizar los siguientes ajustes:
    • Ancho de la imagen: utiliza el control deslizante o introduce un número para establecer el ancho del logotipo.
    • Enlazar imagen a la página de inicio: enlaza el logotipo de tu sitio a la página de inicio. Si quieres, puedes elegir la opción para abrir el enlace en una pestaña nueva.
    • Usar como icono del sitio: establece el logotipo de tu sitio como el icono del sitio (lo que aparece en las pestañas del navegador).
  7. En la barra lateral de estilos del bloque, puedes personalizar los siguientes estilos:
    • Estilo de la imagen: elige entre la opción por defecto o con forma redondeada. Al redondearse, una imagen cuadrada se convierte en un círculo perfecto, mientras que una imagen rectangular se convierte en un círculo alargado.
    • Filtros: añade un efecto de dos tonos con el ajuste del filtro Duotono.
    • Dimensiones de la imagen: añade espacio alrededor de la imagen a través de los ajustes de Dimensiones.
  8. Haz clic en el botón Guardar para publicar tus cambios.
Copied to clipboard!