in ,

Cómo agregar un logotipo personalizado a tu sitio de WordPress

Parece simple, pero hay muchas maneras de hacerlo: ¿Cómo agregas un logotipo personalizado a tu sitio de WordPress?

Realmente depende del tema que elijas cuando se trata de cargar una imagen en tu sitio de WordPress. Para empezar, activas tu tema y subes tu imagen.

La mayoría de las veces puedes encontrar una pestaña en el lado izquierdo de tu panel de WordPress. Dependiendo de si eliges un tema gratuito, un tema de pago o un tema secundario, generalmente puedes ubicar el área de carga del logotipo en las pestañas Apariencia de la configuración.

Sin embargo, dado que todo depende de lo que especifique tu desarrollador de temas, vamos a cubrir algunas de las formas más comunes de agregar un logotipo personalizado a tu sitio de WordPress.

Sé que también hay muchos desarrolladores que están vendiendo sus servicios a múltiples clientes. Probablemente desees marcar cada área de inicio de sesión de WordPress para ofrecer beneficios de marca blanca a cada uno de tus clientes.

Por lo tanto, también hablaremos sobre cómo eliminar la marca de WordPress cuando las personas inician sesión para que también puedan ver tu logotipo.

Echemos un vistazo.

Agregar un logotipo personalizado al front-end de tu sitio de WordPress

Comencemos con la carga de un logotipo a un tema gratuito de WordPress. Puedes encontrar estos temas yendo a Apariencia > Temas.

La mayoría de ellos son gratuitos y puedes encontrar algunos temas agradables, pero generalmente no obtienes la estabilidad o el soporte como lo harías con un tema premium. De todos modos, el método más común para agregar un logotipo en estos temas gratuitos (y algunos temas premium) es bastante simple.

Paso 1

Inicia sesión en tu panel de WordPress y haz clic en la pestaña Apariencia a la izquierda. Ve al menú desplegable Encabezado y haz clic en este botón.

Paso 2

Localiza la opción que te permita subir una imagen. Algunos temas tienen sugerencias para los tamaños de logotipo y encabezado, pero generalmente puedes recortarlos o dejarlos como están y estará bien. Haga clic en el botón Elegir archivo para ubicar el archivo en tu pc. Elije tu archivo y cárgalo en el panel.

El panel debe mostrar una vista previa de la imagen.

Paso 3

Muchos temas colocan texto de relleno en el área del logotipo hasta que cargues tu imagen. Para eliminar este texto, desmarca la casilla Mostrar texto de encabezado con la imagen. Haz clic en el botón Guardar cambios para continuar.

Paso 4

Ve al front-end de tu sitio web para obtener una vista previa del logotipo. He notado que algunos temas colocan la imagen en el lugar correcto, mientras que otros tienden a colocar el logotipo debajo del menú (como se ve a continuación). Esto puede no representar un problema para algunas personas, pero los sitios típicos tienen el logotipo sobre el menú en la esquina superior izquierda.

Método alternativo 1 – Excavación para la pestaña Cargar

Como dije antes, algunos temas premium, e incluso temas gratuitos, varían en el área donde carga tu logotipo. Estos desarrolladores intentan que sea un poco más fácil de cargar rápidamente, pero tienes que hacer una pequeña búsqueda para encontrar la pestaña correcta. Cubriré el método más común que he encontrado en los temas premium, pero si esto no funciona, simplemente busca en las pestañas a la izquierda de tu panel una opción de personalización de encabezado, logotipo o tema.

Paso 1

Ve a la pestaña Opciones de tema en el lado izquierdo de tu tablero. Una vez más, este nombre puede variar dependiendo de tu tema.

Paso 2

En este tema tiene una sección General donde reside el área de carga del logotipo. Es común que los desarrolladores incluyan pestañas de estilo acordeón para que pueda saltar de preferencia en preferencia. Localiza el área donde puedes cargar el logotipo y debería estar Ok.

Paso 3

Busca el logotipo en tu pc y cárgalo en el sitio. Puedes soltar y modificar la imagen después de cargarla, pero recomendaría usar un editor de imágenes para esto antes de cargarla. Siéntete libre de agregar texto alternativo y un título también. ¡Eso es todo!

Método alternativo 2 – Modificación del código

Dejé esto como mi último método porque sé que la gente generalmente prefiere hacer clic en un botón y cargar la imagen, pero modificar tu código es la mejor manera de obtener el logotipo exactamente donde deseas y cómo deseas que se vea.

Paso 1

Ve a la pestaña Medios y carga tu imagen en el servidor.

Paso 2

Busca el archivo Header.php. No se recomienda modificar esto en tu panel, así que intenta modificar el código en tus archivos de WordPress guardados localmente.

Paso 3

Busca la línea que tiene <h1>brackets. Normalmente, puedes realizar una función Ctrl + F y escribir «h1» para localizarla.

Paso 4

Elimina todo lo que esté después del <h1>etiqueta y antes del </h1>etiqueta. Pega el código entre las etiquetas para que se vea así: <h1><img src=»image_name.jpg» border=0 alt=»My Site» /></h1>

Paso 5

Cambia dónde dice image_name.jpg a la URL de tu logotipo cargado. Cambia el texto de Mi sitio a lo que desees que sea el texto alternativo, tal vez el nombre de tu sitio. ¡Eso es todo!

Adición de marca blanca para clientes de sitios web

Si diriges una empresa de diseño de sitios web y entregas sitios web a los clientes, y luego dejas que ellos mismos controlen los sitios, es bueno cambiar el logotipo predeterminado de WordPress que aparece cada vez que inician sesión en el tablero. Hay algunas formas de modificar el código y recibir este resultado, y también hay muchos complementos que proporcionan soluciones, pero hay un complemento que es simple, ligero y efectivo.

Paso 1

Instala y activa el complemento Login Logo en tu sitio de WordPress.

Paso 2

Asegúrate de que el nombre de archivo de tu logotipo sea login-logo.png.

Paso 3

Carga el archivo en tu carpeta WP-Content/.

Paso 4

La única mejora para este complemento sería un simple botón para cargar la imagen en tu tablero, pero dado que los desarrolladores obviamente tienen acceso a las carpetas WP-Content, no debería ser un problema. También puedes probar algunos de los otros complementos de logotipo de inicio de sesión personalizados disponibles si esto no te sirve.

Herramientas para crear logotipos

Hemos aprendido cómo poner un logotipo en tu sitio de WordPress, en el front-end y en la página de inicio de sesión, pero ¿qué pasa con las herramientas para crear tus propios logotipos? Si tienes experiencia en diseño, probablemente no hará falta decir que uses opciones como Adobe Illustrator, Photoshop o GIMP. Para aquellos de vosotros que no estéis tan bien versados con el diseño de logotipos, aquí hay algunas sugerencias:

1. Marcas a medida

Tailor Brands es otro generador de logotipos popular que presenta algunos diseños elegantes. Comenzarás ingresando algunos detalles sobre tu negocio, como tu nombre, industria, etc.

También puedes elegir entre diferentes estilos de logotipo, como basado en nombres o en iconos. Luego, la herramienta mostrará un montón de sugerencias. Una vez que elijas un diseño, podrás personalizar tu estilo, fuente, texto, etc.

Tailor Brands también dará muchas vistas previas de cómo podría verse en diferentes situaciones. Puedes descargar versiones de baja resolución de tu logotipo de forma gratuita, pero deberás pagar por las versiones de alta resolución, a partir de 3,50 € por mes.

Pros

  • Genera automáticamente logotipos.
  • Las sugerencias de logotipos se ven bastante elegantes para ser generadas automáticamente.
  • Puede personalizar el aspecto del logotipo.

Contras

  • No obtienes un editor completo de arrastrar y soltar para ajustes completos.
  • Tendrás que pagar para descargar imágenes de alta resolución.

2. Hatchful

Hatchful es una herramienta gratuita de creación de logotipos de Shopify, aunque no necesita ser propietario de una tienda Shopify para usarla.

Brinda un proceso de configuración fácil en el que agregará tu industria, elegirá un estilo visual e ingresará el nombre de tu empresa. Luego, dará algunas sugerencias.

Si encuentras un logotipo que te guste, podrás elegir entre diferentes paletas de colores e iconos de acuerdo con tus necesidades.

Pros

  • Es 100% gratis.
  • Si bien los logotipos no son llamativos, algunos de ellos son bastante elegantes.
  • Puedes personalizar los iconos y el texto.

Contras

  • No tienes el 100% de control. Por ejemplo, aunque puedes elegir diferentes paletas de colores, no puedes ingresar códigos hexades de color específicos.

3. Logomakr

Logomakr es una herramienta de creación de logotipos realmente agradable que logra brindar una interfaz bastante simple, al tiempo que proporciona mucho control.

Puede crear tu logotipo a partir de texto, formas, colores y más de un millón de gráficos. Luego, puedes descargar una versión de baja resolución de forma gratuita (para uso no comercial) o pagar una pequeña tarifa para descargar formatos de alta resolución sin limitaciones de uso.

Pros

  • Puedes navegar por más de un millón de gráficos para incluir en tu logotipo.
  • Puedes incluir formas en los logotipos.
  • Si estás dispuesto a pagar 16 €, puedes descargar archivos SVG y PDF vectoriales de alta resolución.

Contras

  • El logotipo solo es gratuito para usos no comerciales.

4. MarkMaker

MakerMaker es un generador de logotipos gratuito realmente genial que utiliza inteligencia artificial para ayudarte a obtener un logotipo que te guste. Comienza ingresando el nombre de tu empresa o sitio web. Luego, MarkMaker generará un montón de logotipos basados en tu nombre.

Ahora la parte genial. Puedes hacer clic en «corazones» en los estilos de logotipo que te gusten. Luego, a medida que te desplazas hacia abajo en la página de carga infinita, MarkMaker continuará generando nuevas ideas basadas en las ideas que ya te gustan.

La idea es que a medida que le das más información, te da más y más sugerencias de logotipos personalizados. Una vez que encuentres uno que te guste, puedes personalizar el texto y los colores y luego descargarlo de forma gratuita.

Pros

  • La herramienta genera logotipos para ti, lo cual es genial si no eres una persona experta en diseño.
  • Los logotipos se vuelven más personalizados a medida que agregas tus gustos.
  • Puedes descargar los logotipos de forma gratuita.

Contras

  • Los logotipos son bastante básicos, solo texto y tal vez algunas formas. No esperes algo súper único.

5. Designapp

Designapp es una herramienta gratuita de creación de logotipos que permite crear tu propio logotipo utilizando una interfaz gráfica detallada y elementos útiles, como formas e iconos. Si estás dispuesto a construir tu logotipo desde cero, la herramienta es gratuita.

Sin embargo, también puedes pagar para usar (y personalizar) plantillas prediseñadas, lo que te permite comenzar a partir de un producto ya terminado.

Pros

  • Puedes crear tu propio logotipo de forma gratuita.
  • Incluye muchas formas e iconos.
  • Obtienes un control perfecto de píxeles sobre tu diseño.

Contras

  • Comienzas desde una pizarra en blanco si no estás dispuesto a pagar por las plantillas, no te ayuda a generar un punto de partida como otros creadores de logotipos.

6. Canva

Canva es una popular herramienta de diseño gráfico en línea que probablemente sea más conocida como una herramienta para crear imágenes de redes sociales y blogs. Sin embargo, también es una excelente opción para crear un logotipo e incluye muchas plantillas de logotipos que puedes usar para comenzar.

Necesitarás la versión de pago de Canva si quieres descargar tu logotipo con un fondo transparente.

Sin embargo, Canva ofrece una prueba gratuita de 30 días, lo que debería darte mucho tiempo para crear un logotipo de forma gratuita.

Pros

  • Canva te da mucha flexibilidad cuando se trata de fuentes, colores, diseños, etc.
  • Hay toneladas de plantillas pre-hechas para elegir.
  • Puedes descargar tu logotipo en muchos formatos diferentes.

Contras

  • Necesitas la versión de pago para descargar tu logotipo con un fondo transparente (pero hay una prueba gratuita).
  • Canva no está especializada en logotipos como algunas otras herramientas, aunque funciona bien para ellos.

Haznos saber en la sección de comentarios si tienes alguna pregunta sobre cómo agregar un logotipo personalizado a tu sitio de WordPress. ¿O tal vez has encontrado un método alternativo? En cualquier caso, ¡me encantaría saber todo al respecto!

¿Qué opinas?

Escrito por Wombat

Deja una respuesta

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

Cómo agregar un shortcode de WordPress a tu sitio

Revisión: Amelia es un plugin de WordPress versátil para reservar citas