Esta es una forma gratuita e instantánea de mejorar el aspecto de tu web, en lo que se refiere a la imagen de marca, logo, logotipo o branding.
El objetivo de este tutorial es que puedas crear tú mismo una identidad propia, una marca con el estilo que más te guste.
Con la creación de este recurso, donde fluyen diferentes herramientas y lenguajes conseguiremos darle estilo a tu marca. Dependerá de tus gustos e incluso el estilo que te gustaría transmitir.
Bueno vamos a crear tu logo, sabemos que la imagen de una marca se ha convertido en una herramienta estratégica y ayuda a los consumidores a elegir dentro una gran variedad de opciones.
En el proceso de creación vamos a intentar conseguir notoriedad, y comunicar quiénes somos con más claridad, pero de forma sencilla.
Proceso para mejorar el logo de tu web
Lo primero que vamos hacer es ir a Google Fonts en donde tenemos una gran variedad de tipografías gratis.
Es un directorio interactivo de uso libre para fuentes de la web, vamos aprovechar esa interactividad para lograr nuestro logo, buscando la simplicidad, para que sea más legible y fácil de ver.
Bueno, ¡vamos allá con la creatividad!
Elige la tipografía para crear tu logo online con letras:
- Dentro de google fonts seleccionamos el texto de ejemplo de cualquier tipografía y añadimos el texto que queremos definir “texelas”como nombre de la web, marca personal o branding, Luego hacer clic en “APPLY TO ALL FONTS”.
- Tenemos la opción de “Categories” para filtrar qué tipografía nos gusta más, se puede elegir; Serif, San Serif, Display, Handwriting y Monospace.
- La mejor opción par mi, me centraría en San Serif también conocida como de paloseco, de palo seco, es decir sin remates. Pero depende de tu elección.
- Mi elección ha sido, Ubuntu. Tenemos la opción de aumentar el tamaño para ver los rasgos de la tipografía, y así puedes hacer una idea de cómo puede quedar en tu web.
- Ahora tenemos que seleccionar la fuente con el signo + rodeado por un círculo. En la ventana que se abre tenemos los códigos para incrustar las fuente seleccionada en nuestra web.
- (A) Es para incrustar nuestro código de la fuente que hemos elegido. (B) Este lo tenemos que especificar en nuestro CSS. (C) Aquí puedes elegir el estilo que necesitas; light, regular, medium y bold.
Añade código para ver el logo en la web:
Necesitamos instalar un plugin para añadir nuestro código o snippet, es la mejor opción para no tener que tocar nuestro archivo function.php. Vamos a instalar en nuestro WordPress este plugin Code Snippets conseguiremos añadir de forma fácil, un fragmento de código que necesitamos para completar nuestro logo con letras.
Crea un nuevo snippet con el plugin, y este es el código que tienes que añadir:
function texelas_enqueue_font() {
wp_enqueue_style('google-font-ubuntu', 'https://fonts.googleapis.com/css?family=Ubuntu:400,700', array());}
add_action( 'wp_enqueue_scripts', 'texelas_enqueue_font' );
- Lo que tienes que cambiar es lo que está dentro de las comillas (A) por ejemplo en “https://fonts.googleapis.com/css?family=Ubuntu:400,700” y además añadir en nombre de la fuente «google-font-ubuntu» es la información para «embeb» incrustar la tipografía que hemos elegido y puedes modificar texelas por el nombre que quieras dar a la función. Ahora toca guardar para terminar nuestro trabajo, pero nos queda un último detalle.
- Tenemos que localizar en nuestra hoja de estilo CSS la clase que hay para el título de nuestra web, (B) añadir nuestra nueva fuente en este caso será (font-family: ‘Ubuntu’, sans-serif;)
- (C) Dentro de «Customize» tenemos la opción de elegir el peso de la fuente.
- En nuestro buscador Google Ghrome tenemos la opción con el botón derecho acceder a Inspeccionar y con el puntero hacemos clic en el nombre de nuestra web, luego vamos a Styles para localizar la clase en nuestro Css. (En mi caso será .site-title)
- Ahora llega el momento de añadir nuestro estilo en Personalizar de nuestro WordPress, dentro del CSS adicional que será:
.site-title a { font-family: 'Ubuntu', sans-serif; color: #ff6c3a; }- En estos momentos si todo ha ido bien tenemos nueva imagen en la web. Esta es una forma muy práctica y rápida de cambiar nuestro logo de forma online gratis, no olvides, eres el mejor asistente para la creación del logotipo de tu negocio.
Si tienes dificultades con la codificación o no es lo tuyo, igual necesitas de otras herramientas para crear un logo online gratis estas son las más recomendadas desde mi punto de vista, tienen editor visual, son muy intuitivas para el diseño.
Listado de herramientas online para generar logos gratis:
Crearlogogratisonline
Free Logo Design
Free Logo Services
Logaster
LogoTypeMaker
Canva
DesignEvo
Shopify Generador Logos
Tenemos claro que si lo que necesitas es una imagen corporativa, eso lleva más tiempo y tienes que ponerte en manos de un profesional para que pueda orientarte en el diseño que necesitas para tu marca, producto o servicio.
Deja una respuesta