El diseño al que me refiero hoy en esta entrada son aquellos detalles que harán la diferencia en nuestro blog, o web, de cualquier otro. Serán pequeños detalles que podremos modificar de manera sencilla (al principio) o de forma más compleja si ya controlamos un poco sobre código HTML y CSS. Retoques básicos de diseño y estructura para tu blog.

Este post se tomará como un Tutorial-Básico.   

Cuanto más sepamos más podremos personalizar y por lo tanto elegir.   

Recuerda que la Identidad de Marca, tanto visual como verbal, son cruciales para un emprendimiento y un negocio rentable. Cuando mis clientas me preguntan por donde empezar siempre les digo lo mismo: la Identidad de tu marca es lo primero.

Trabajo siempre con mujeres emprendedoras y muchas de ellas han empezado con un blog o incluso con una cuenta en Instagram. De ese mini proyecto han pasado a crear su propio negocio online.

¿Cual es la diferencia entre una de mis clientas y tú? El compromiso, el propósito y la determinación. Si quieres profesionalizar y pasar de blog a negocio ponte en contacto conmigo.

Poner atención porque son pequeños detalles que cambiarán por completo la dinámica de tu blog y su composición, para hacerlo más propio, para añadir esa Identidad de Marca necesaria.  

Mi Blog, mi diseño

Una vez que estás en tu área de trabajo de Blogger clicamos en el menú “Diseño” para acceder al lugar donde podremos añadir gadget y cambiar la posición de nuestros “complementos» en nuestro blog.

En WordPress.org lo encontramos en Apariencia >> Widgets.

Si quieres saber qué gadgets añadir he escrito un post sobre ello. 

Encontramos bloques con un título en la parte superior de cada uno, que indicará qué contiene, o qué tipo de gadget es.

En Blogger tendremos siempre el de Entradas (Main), cabecera, barra de navegación, favicon, archivo del blog y todos aquellos que hayamos elegido añadir a nuestro blog.

En WordPress los que elijamos.

Puedes aprender más de esto en el Curso Gratis que comparto. 

Barra de navegación de Blogger

Esta suele ser bastante incómoda con respecto a la interfaz del blog. Está en Blogger porque en el caso de WordPress no tenemos esta opción.

Es ese buscador de Blogger situado en la parte superior de la página que añade por defecto y aunque antes no se podía eliminar ahora podemos prescindir de este servicio si vemos que no nos gusta como queda en nuestro blog.  

Es muy sencillo. Como ya estamos en diseño (me supongo) vamos a fijarnos en el gadget Barra de navegación y le damos a Editar.

Entonces aparecerá una ventana en la que podremos elegir la opción deseada.

Guardamos disposición y listo, ya no aparecerá la barra de navegación.

Favicon en Blogger y WordPress

El favicon es esa imagen que aparece en la pestaña del navegador, que por defecto tendréis la B de Blogger o la W de WordPress.

Solo tienes que crear tu “icono” personalizado a tu Identidad Visual de marca con un tamaño menor que 100KB. Con lo cual en píxeles más o menos 50x50px te llegará.   

Solo tienes que diseñarlo (de la misma manera que he aconsejado para diseñar iconos de redes sociales para tu blog) y luego introducirlo donde corresponde en cada plataforma.

En Blogger le das a editar en el gadget de Diseño que pone Favicon en tu blog, para después subir la imagen y guardar.    

En WordPress está en Apariencia >> Personalizar >> Identidad del Sitio.

Estructura básica del blog o la web

Estructura del blog en Blogger:

Para esto vamos a dirigirnos al menú y clicar sobre Tema >> Personalizar >> Diseño.

Estaremos trabajando sobre la parte de diseño pero desde otro espacio dedicado a ello.  

Aquí nos pregunta cómo queremos colocar “nuestros complementos” en el blog. Si queremos solo una columna a la derecha, una de cada lado, solo a la izquierda, ninguna…etc.   

Elegiremos aquello que más se ajuste al contenido que queremos compartir, podemos dar una vista previa, para ver si nos gusta y guardar.  

Pero aún así, podremos volver al menú de diseño anterior y mover arrastrando los gadget en la disposición que queramos, por si no queremos que nuestra cabecera quede “sola” y a ambos lados, o a uno solo, queremos que aparezca algún gadget, por ejemplo el de “quien soy” o algo por el estilo. Es tuya la decisión.

Estructura del blog en WordPress:

Nos vamos a Apariencia >> Personalizar y una vez ahí vamos a Theme Settings >> Site Layout.

En este caso podríamos elegir entre 3 opciones:

• Sidebar y contenido: el sidebar o barra lateral con widgets se coloca a la izquierda.
• Contenido y Sidebar: el sidebar o barra lateral con widgets se coloca a la derecha.
• Solo contenido: sin sidebar o barra lateral.

Ten en cuenta que no todas las plantillas muestran las mismas opciones.

Espero que te haya ayudado el post de hoy.

Sigue aprendiendo y revisando y mis posts publicados de los que podrás nutrirte y seguir creciendo.