3 métodos para colocar un logotipo en tu sitio de WordPress

Insertar un logotipo en tu sitio de WordPress puede ser un proceso simple. La mayoría de temas premium y temas gratuitos pueden poseer opciones configurables para ello. Pero en caso que te cueste orientarte en tu tema donde colocar un logotipo vamos a echar un vistazo en este post una forma como hacerlo de las distintas formas posibles.

Desde las formas más sencillas y conocidas hasta aquellas que pueden ofrecerte una mayor personalización.

Problemas comunes de logotipos en tu Web

  • El logotipo está pixelado
  • El logotipo no encaja en la cabecera
  • El logotipo tiene un formato de imagen no optimizado
  • La orientación no es correcta

De este último punto hay que decir que los formatos de imagen son:

  • JPG: Sólo adecuado si el fondo de tu web es blanco.
  • GIF: Formato usado para animaciones de corta duración
  • PNG: Formato con posibilidad de no ofrecer fondo por lo que el fondo es transparente.
  • SVG: Formato sugerido por google para imagenes.

Orientación del logotipo

También es muy común encontrar la orientación equivocada en una web.

La orientación puede ser horizontal o vertical y quienes diseñan logotipos suelen ofrecer versiones diversas del mismo logo según la necesidad.

Por ejemplo un mismo logotipo puede ofrecerse en distintas versiones todas de ellas válidas para ser utilizadas según:

  • Fondos oscuros
  • Fondos claros
  • Horizontales
  • Verticales

Deberías tener todas estas versiones a disposición.

Pero también es importante considerar la plantilla de WordPress que vas a utilizar porque puede predisponer la versión del logotipo y hacerla poco compatible.

Veamos el diseño de cabecera que podemos encontrar en cualquier sitio web.

diseños de cabeceras web

Ahora veamos la orientación del logo ¿En donde es más conveneinte las siguientes versiones según los diseños de cabeceras?

orientacion logotipos

Cómo cargar mi logotipo en mi WordPress

Una vez que tengas las distintas versiones de logotipo para tu web, ahora debes saber qué métodos hay para subir un logotipo en tu WordPress según su diseño de cabecera que viene dado por la plantilla.

1. Método para tema básico

Primero

Ir a la barra de la izquierda de tu panel de administración WordPress a la parte de Apariencia y del desplegable elegir la opción Header o Cabecera.

apariencia header

Segundo

Dirígete a la opción de subir imagen. en caso no estés tan seguro cuál es el tamaño que sea apropiado para tu tema no hay problema pues puedes recortarlo o cambiar de tamaño desde allí mismo.

Inmediatamente puedes tener una vista previa en el mismo panel.

Tercero

El texto que en la mayoría de temas te propone utilizar junto a un logotipo, no es a veces la mejor opción. Puedes desactivarlo desmarcando la casilla como se muestra en la imagen.

remover texto

Esto es todo por este método que es muy sencillo y que podría ser suficiente en la mayoría de temas que hay por allí.

Pero ahora vamos a ofrecer otro método que puede ser útil para otros temas de WordPress.

2. Método simple según tema

Los temas de primera calidad pueden ofrecer un tablero de instrumentos propios para gestionar con cargas la subida del logotipo, lo que hace demasiado sencillo el proceso.

Así que echemos un vistazo. Vamos a las opciones del tema que está en la sección «Apariencia» de la barra derecha.

Vamos a colocarlo en un tema de ejemplo.

Una vez en el área donde podemos colocar el logotipo y subimos la imagen del ordenador. Podemos editarlo, pero muchas veces los temas solicitan para su carga una dimensión exacta, para lo cual es mejor usar un editor externo y subirlo con los requerimientos.

3. Método de la modificación de código

Claro, nadie que no sepa de código quiere complicarse modificándolo para subir un logotipo. Sin embargo es quizá el método que va a ofrecerte un resultado más personal.

Lo primero es hacer un backup.

Luego vamos a la pestaña de medios y subir la imagen del logo.

Luego nos vamos a Apariencia – Editor y ubicamos el archivo header.php.

Un tip aquí: No modifiques desde aquí este archivo. Es mejor hacerlo desde la copia que tienes en tu Pc del tema y luego subirlo.

Busca la línea entre corchetes H1. Para encontrarla más rápido, usa Ctrl + F

Elimina todo lo que está después de la etiqueta <h1> y antes de </ h1>. Como podrás darte cuenta, en el ejemplo se incluye <clase h1 = «site-title»> Si ves esto, déjalo allí.

Pega el código generado por la imagen que subiste en Medios entre las etiquetas para que se vea así: <h1> <img src = frontera «image_name.jpg» = 0 alt = «Mi sitio» /> </ h1>

Finalmente cambia donde dice image_name.jpg a la URL de tu logotipo subido. Cambie el texto Mi sitio a lo que deseas que el texto alternativo diga, quizá el nombre de tu sitio, etc.

¿Deseas crear un logo por ti mismo?

Para terminar el post, creemos es conveniente que te dejemos con algunas herramientas útiles para crearte un logo ideal por si no eres diseñador.

Logomaker

Una excelente alternativa para crear logos gratuitos aunque luego puede cobrarte por descargarte aquellas versiones de mayor resolución.

Design Crowd

El uso de esta plataforma es gratuita y sin registrarse, puedes jugar con su editor y empezar a construir un buen logo y sólo pagar cuando ya estés convencido que es el logo definitivo.

Logo Garden

Ofrece un editor interesante y el uso también es gratuito. Todo empieza con elegir un sector en el que se desenvuelve tu trabajo. Luego sigues eligiendo un símbolo, proporcionándote previamente un banco de ellos que puedes usar.

Logaster

Sólo debes introducir el nombre de tu proyecto o negocio y le das al botón crear marca o starting branding y la herramienta te sugerirá generando diversas formas y tipos de logotipos.

Aspectos a tomar en cuenta antes de crear un logotipo

¿Qué representa mejor a la empresa?

¿Tu negocio se enfoca en vender ropa para niños? ¿Eres una empresa de SEO para negocios locales en línea? ¿Tu empresa ofrece servicios de logística y envío a otras empresas locales?

Independientemente de en qué se enfoque tu empresa, piensa en una sola imagen que la represente mejor. Amazon vende casi todo lo que hay bajo el sol y, por lo tanto, incorporan un símbolo de «A a Z» en su logotipo.

FedEx es un mensajero de entrega y, por lo tanto, tiene una flecha direccional para representar este concepto. Una cara feliz podría representar un negocio sobre ropa para niños y los gráficos o flechas ascendentes funcionan bien para una empresa de SEO.

La mayoría de las cafeterías utilizan la imagen de una taza y vapor para incorporar lo que ofrecen. Sigue por este camino y busca una imagen, fuente o color ideal.

2. ¿Qué logotipos resuenan contigo?

¿Crees que tienes una buena idea de cómo debería ser tu logo? ¿No se te ocurre una gran idea? El siguiente paso es buscar inspiración en otros logotipos.

No es necesario que sean logotipos de empresas del mismo campo. Tómate un tiempo para mirar a tu alrededor y enumerar los logotipos más memorables que puedas imaginar.

Busca elementos comunes y determina por qué estos son los logotipos que hicieron más te llamaron la atención. Todos pueden usar un color específico que te haya gustado o una fuente que funcione para ti.

Luego puedes tomar estos elementos e incorporarlos en tu propio logotipo.

3. ¿Quiénes son tus competidores?

El propósito de un logotipo es ayudar a las personas a identificar tu marca y, con un vistazo rápido, comprender lo que ofrece tu empresa. Puedes comenzar a investigar qué elementos cumplen esta función para tu empresa mirando a tus competidores.

Tomemos, por ejemplo, las cafeterías y las tiendas de té. A menudo usan la imagen de una taza con líneas de vapor para indicar una bebida caliente. Otros agregarán una imagen de un grano de café o una hoja de té para dar a entender que sirven bebidas orgánicas.

Su siguiente paso es dar un paso atrás y decidir si deseas seguir las tendencias de tus competidores o hacer algo diferente. ¿Quiere seguir un ejemplo o esperas diferenciarte?

4. ¿Qué colores se adaptan mejor a tu proyecto?

No elijas colores por capricho. No elijas colores únicamente porque son tus favoritos. Ten en cuenta que cuando se trata de marcas y negocios, los  colores transmiten un impacto psicológico  en tus clientes objetivos.

Elegir el rojo como color principal de tu logotipo, por ejemplo, amplifica un tema de juventud, agresividad y decisiones audaces.

El verde a menudo está destinado a simbolizar la paz y el crecimiento, por lo que las marcas de productos orgánicos y los logotipos ecológicos lo utilizan más.

El naranja es un color amigable y accesible, por lo que lo verás en sitios de compras como Amazon.

Elige un tema para tu empresa, una emoción que desees transmitir, y luego elige el color que mejor transmita esa emoción a tu audiencia con un solo vistazo.

¿Qué fuente se adapta mejor a su marca?

¿Alguna vez te preguntaste por qué todos los  memes usan la misma fuente ? Es porque las personas a menudo asocian una emoción o idea específica con las fuentes.

Comic Sans, por ejemplo, es un tipo de fuente informal que parece amateur y barata. Fue popular una vez, a mediados de la década de 1990, pero desde entonces ha perdido popularidad.

Todo lo que tienes que hacer es mirar a la competencia y a cada industria en su conjunto. Los periódicos, por ejemplo, suelen utilizar Times, Helvetica o Century Old Style para tus productos impresos.

Los sitios de compras tienden a combinar tipos de fuentes como Source Sans Pro Regular con Crimson Text Regular.

¿Quién es su público objetivo?

¿Tu negocio apunta a personas que necesitan refinanciamiento hipotecario? ¿Vendes productos para estudiantes de medicina o ofrece servicios de reparación de HVAC para grandes empresas de la ciudad?

Una de las preguntas más importantes que debes hacerte al diseñar un logotipo es quién es tu público objetivo. Al identificar quién es tu audiencia, puedes eliminar los elementos del logotipo que sabes que no funcionarán y enfocar tus opciones de diseño en aquellos que sí funcionan.

Los logotipos es una cosa tan importante e imprescindible para cualquier gestión de presencia digital de cualquier proyecto. Este post era infaltable en nuestro blog aunque pareciera un proceso básico y simple.

¿Te atreves a diseñar por ti mismo tu logotipo?

Curso Gratis de WP

7 comentarios en «3 métodos para colocar un logotipo en tu sitio de WordPress»

  1. Hola, gracias por el apoyo de antemano, estoy tratando de colocarle a mi web un logotipo que ya tengo creado en imágenes, trabajando con Astra, cuando hago click en el botón «cambiar logotipo» simplemente no hace nada, no abre la opción para cargar imágenes y no estoy seguro que pueda ser. Si aconsejan algo estaría muy agradecido con el equipo!

    Responder
  2. Hola soy nuevo en este mundo, estoy tratando de customizar el logotipo de un tema y cuando lo subo me sale el logo duplicado, me podrian ayudar por favor

    Responder
    • iempre tienes la opcion de regresar. Puedes cambiar de theme y regresar al anterior. Ahora lo mejor es hacer un tema niño para que no quede roto los componentes en el cambio.

      Responder

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Abrir chat
¿Buscas Hosting o dominio?
¿Podemos Ayudarte?