Un logo es una imagen que suele ir聽alojada en la cabecera de un sitio web. Est谩 compuesto tanto por s铆mbolos, texto o una combinaci贸n de los dos. Es importante que sea sencillo, f谩cil de reproducir y de recordar.
Por lo general, cuando se dise帽a un logo, es recomendable聽definir un color base (o principal) y un color secundario聽que ser谩n los que se utilicen para el desarrollo del sitio web.
La idea es que el logo contenga, al menos,聽el color principal que se utilizar谩 en el sitio web聽o una combinaci贸n entre el color principal y el secundario.
Como el logo, por lo general suele ser una imagen, te recomiendo que visites la entrada im谩genes en WordPress (si a煤n no lo has hecho) donde encontrar谩s informaci贸n actualizada para聽optimizar correctamente una imagen聽antes de subirla a WordPress.
Muchas personas suelen聽crear un logo聽al azar y subirlo a su sitio web. Luego se dan cuenta que el logo no se ve, se ve pixelado, queda demasiado grande o no encaja bien en la cabecera. En fin, el logo聽no ha sido optimizado聽para subirlo al sitio web.
Normalmente esto sucede por falta de conocimientos. Antes de subir un logo a un sitio web es necesario聽tener en cuenta algunos par谩metros聽para conseguir un excelente resultado
Lo recomendable es que el logo tenga聽formato PNG聽(extensi贸n .png) de manera que se pueda dise帽ar con聽fondo transparente.
Adem谩s de esta extensi贸n, existen otras extensiones con las que se suelen crear logos aunque no todas suelen ofrecer buenos resultados:
En resumen, cuando crees un logo para tu sitio web, aseg煤rate que tenga聽formato PNG con fondo transparente.
La orientaci贸n del logo suele estar definida por la arquitectura del tema. Por lo general los logos se dise帽an en聽formato horizontal聽para que se adapte a la cabecera del sitio web que se suele ubicar en la聽cabecera del tema.
Sin embargo, hay temas que ofrecen la opci贸n de configurar la聽cabecera en el lateral de la pantalla. En este caso es m谩s recomendable utilizar un logo en聽formato vertical.
Por 煤ltimo existen聽logos sim茅tricos聽(ancho y alto iguales) que pueden ser utilizados tanto en formato horizontal como en formato vertical.
En la imagen anterior puedes apreciar聽diferentes configuraciones de cabecera聽que ofrecen algunos temas (por lo general los temas PREMIUM).
Dependiendo de la opci贸n que elijamos para nuestro sitio web,聽dise帽aremos el logo聽para que se adapte a la configuraci贸n de la cabecera.
Si contratas el dise帽o de un logo, por lo general, el profesional suele聽dise帽ar el logo en varios formatos. De esta manera puedes cambiar el logo seg煤n la configuraci贸n que elijas en el tema.
En la siguiente imagen puedes聽observar el dise帽o de un logo聽tanto en formato horizontal como en formato vertical.
El tama帽o de un logo viene dado por sus dimensiones. Un logo con 1000px de ancho y 300px de alto ofrece una buena resoluci贸n pero no es un tama帽o adecuado para subirlo a un sitio web.
Cuando聽contratas el dise帽o de un logo, generalmente el dise帽ador te entrega varias versiones, en varios formatos y con una resoluci贸n muy alta.
Suelen tener grandes medidas (3500px de ancho y 1800px de alto, por ejemplo) de manera que se pueda聽utilizar tambi茅n para imprenta: dise帽o de banners publicitarios, camisetas y tarjetas entre otros.
Actualmente, la mayor铆a de temas modernos, suelen ofrecer opciones para adaptar el logo al espacio de su cabecera e incluso para diferentes tipos de dispositivos: PC, tableta y m贸vil, sin importar las dimensiones. Astra es uno de ellos.
Anuncio publicitario
Para crear un logo, para tu sitio web, tienes 3 opciones:
Existe una plataforma llamada聽Logaster. Es una plataforma donde puedes crear logos de cualquier tipo, tama帽o, dise帽o y color para tu sitio web.
Aunque puede que el resultado final no sea tan profesional como te gustar铆a, es una buena elecci贸n para聽crear un logo聽y comenzar con tu proyecto.
Para聽crear un logo聽en Logaster, sigue los siguientes pasos:
Por ejemplo...
Como podemos elegir la tem谩tica del logo que queremos crear, vamos a crear un logo para un gimnasio.
Para este ejemplo, el logo que hemos descargado tiene聽formato PNG, 327px de ancho y 147px de alto. Tanto el formato como el tama帽o est谩n bien para subirlo al sitio web.
Pero hay un problema, tiene聽fondo blanco. El fondo transparente es m谩s recomendable para un logo ya que te da libertad con el dise帽o si el fondo de la cabecera es de otro color.
Existe un programa gratuito llamado聽GIMP聽que es muy parecido a Photoshop. Con este programa聽podr谩s quitar el fondo blanco聽de la imagen y guardarla con fondo transparente.
En聽este tutorial聽tienes una gu铆a para que aprendas a聽quitar el fondo de una imagen聽con GIMP.
Al quitar el fondo blanco, el logo adopta las medidas:聽275px de ancho聽y聽75px de alto, lo cual sigue siendo un buen tama帽o para subirlo a nuestro sitio web.
Siguiendo estos sencillos pasos, en los que no tardar谩s m谩s de 5 minutos, puedes聽crear un logo聽para tu sitio web聽totalmente gratis聽y con una聽calidad bastante 贸ptima.
Una vez hayas descargado el logo, aplica las t茅cnicas SEO que recomiendo en la entrada im谩genes en WordPress (la que te recomend茅 leer al inicio de esta lecci贸n). B谩sicamente ser铆a renombrar y optimizar la imagen.
Por lo general, es recomendable renombrar una imagen coincidiendo con el titulo de la p谩gina o entrada donde se vaya a subir. En el caso del logo, puedes renombrarlo como logo.png ya que ser谩 una imagen gen茅rica que estar谩 en todo el sitio web.
Inicia sesi贸n en WordPress y dir铆gete al apartado Apariencia >> Personalizar >> Cabecera >> Identidad del sitio.
El logo, en versi贸n PC, se ha subido y configurado correctamente en nuestro sitio web. Pero, 驴qu茅 pasa con la versi贸n m贸vil?
En la parte inferior izquierda de la pantalla,聽hay 3 iconos de visualizaci贸n: PC, tablet y m贸vil. Mediante cada uno de estos 铆conos, podr谩s configurar las opciones para cada versi贸n de tu sitio web.
Haz clic en cada una de ellas para que puedas observar聽como se ver谩 tu sitio web en cada dispositivo.
Para este ejemplo, el logo, en la versi贸n m贸vil,聽se ve muy grande. En la opci贸n聽Ancho del logo, se puede apreciar como ha cambiado el 铆cono de PC por el 铆cono del m贸vil.
Esto significa que el tema se adapta a cada una de las opciones para ser聽configuradas independientemente聽en versiones responsivas.
Siguiendo estos sencillos pasos hemos subido un logo a WordPress. El logo tiene el聽tama帽o ideal聽y se encuentra optimizado para todas las versiones del sitio web.
Anuncio publicitario
Con esta informaci贸n podr谩s ir聽avanzando en el dise帽o de tu sitio web. A煤n quedan m谩s pasos para lograr tener un sitio web completamente funcional y optimizado para el SEO.
Ten paciencia que poco a poco ir谩s teniendo m谩s pr谩ctica y, cuando finalices el curso, obtendr谩s聽excelentes resultados.
No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.
Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.
Copyright 漏 2022 Curso de WordPress
Hecho con Venezolano!
Desarrollado con WordPress y dise帽ado con Hello Theme y Elementor.
fe de erratas:
Me parece que esta cambiado vertical por horizontal
Hola Nico, much铆simas gracias por la acotaci贸n. Un saludo!