El diseño web y la imagen del blog

Este es un post invitado escrito por Florencio Martínez
Diseño web y imagenEn este artículo voy a contarte toda mi experiencia de crear un blog al intentar vestir de bonito mi blog, es decir al dotarlo de una imagen o aspecto visual.

Tras haberme peleado con WordPress para instalarlo, el siguiente paso era hacer que el blog fuera aceptablemente agradable a la vista. Yo quería que fuese muy atractivo, como los que me inspiran. Pero también soy consciente de que no tengo ni idea de diseño gráfico, y tampoco quería ni podía invertir en este asunto. Vaya, de nuevo mis expectativas se venían abajo. ¿Cómo lo iba a hacer?

Investigando vi que había multitud de plantillas, tanto gratuitas como de pago (algunas de ellas de pago simbólico). Empezaba a ver la luz, pero había diferencias entre las plantillas. Evidentemente en la imagen, pero cada una de ellas tenía alguna implementación o algún plugin que la dotaba de alguna funcionalidad. Cuando creía que ya lo tenía, me volvía a salir otra cosa nueva. ¿Cómo narices iba yo a decidirme entre tanta plantilla con tantas funcionalidades distintas? Además tenía que diseñar un logotipo o encargárselo a alguien (esto costaría pasta), y que se integrase bien con la plantilla elegida.

He de confesar que este momento fue uno de los más críticos para mí. Había un millón de posibilidades, y muchas cosas que se escapaban a mi control. Y cuando estaba a punto de desistir hice dos cosas:

Cerré los ojos e imaginé el aspecto que quería que tuviese mi blog. Cuando lo tuve claro hice un esquema en un folio con los apartados y demás cosas. Algo muy básico. Me ayudé de blogs que me gustaban, e incluso alguna web con diseño de mi gusto.

Volví a cerrar los ojos y pensé en qué cosas quería que hiciese mi blog; cosas como tener una nube de etiquetas, una cajita para suscripciones, enlaces a redes sociales… Para esto también viajé por el ciberespacio un poquito e hice una lista con las conclusiones que saqué.

Ahora lo veía todo de otro modo: ya sabía dónde quería llegar. Y aunque luego el resultado fue distinto totalmente de lo que yo pensaba, al menos no estaba perdido y tenía un referente. Si no fuese por esto, mi proyecto no hubiese visto la luz.

Así pues me dispuse a buscar una plantilla (con sólo poner el el buscador de Goggle las palabras “plantilla wordpress” o “theme wordpress” te saldrán millones de resultados) de acuerdo a la imagen mental que tenía: colores, distribución, etc. No encontré lo que buscaba exactamente, y a ti seguramente te sucederá igual, pero es mejor que nada y tuve suerte de que fuese una plantilla gratuita. Si quieres un traje a medida, tendrás que ir a un sastre. Y eso tiene un precio más alto.

Luego instalé la plantilla. Fue relativamente sencillo, puesto que venían las instrucciones en la misma. Además instalé un cliente FTP para poder subir contenidos al hosting. Todo de momento era bastante sencillo.

Lo siguiente era diseñar un logo. No soy diseñador gráfico, pero pensé que sería interesante que el logo fuese en colores negro, gris o blanco. El motivo es porque van bien con todo, y así no tenía que cambiar de plantilla (con lo que me había costado escogerla). Me miré un par de manuales de GIMP (es un software de retoque fotográfico), me lo instalé en el ordenador y dejé que mi pobre imaginación hiciese el resto. ¡Voilá! Ya tenía logo.

Adapté el tamaño y la resolución para que se integrase bien en la plantilla, lo añadí, vi cómo quedaba y no le di muchas más vueltas.

Lo siguiente fue cambiar y traducir los textos de la plantilla. El idioma de la plantilla es el inglés, así que tuve que poner muchas palabras en español. Para ello desde el propio panel de control de WordPress pude ver que hay un apartado para editar las distintas “zonas” del blog. Según vas seleccionando sale código en HTML (no soy programador, pero soy un poco aventurero) y sólo tienes que buscar el texto en inglés y sustituirlo. Para esto sí que te recomiendo una ayudita de alguien que sepa un poco de HTML si es posible, más que nada para no cagarla.

Bueno, ya se veía bien el blog. Ahora tenía que hacer que funcionase como yo quería, automatizar ciertas cosas y meterle plugins para que me ayudase a posicionar mejor. Esto lo dejaremos para el próximo artículo.

Florencio MartinezFlorencio Martínez  ayuda a autónomos y propietarios de pequeños negocios a vender más y llegar mejor a sus clientes.

Puedes encontrarle también en Twitter o en Facebook.

Creative Commons License Foto cortesía de piermario

¿Te ha gustado este artículo?
Apúntate al curso gratis para transformar tu blog en un magneto que atrae clientes
Descubrirás mi fórmula para crear nuevas fuentes de ingresos (pasivos) en tu negocio y poder así disfrutar más tiempo de los tuyos.

,

Política de comentarios

Por favor, procura que tus comentarios estén relacionados con esta entrada, comenta con tu nombre, y no pongas enlaces en tu comentario (Puedes usar el campo URL para este fin).

Intenta también respetar a los demás lectores de este blog. Los comentarios off-topic, promocionales, ofensivos o ilegales serán editados y borrados.

4 Respuestas a El diseño web y la imagen del blog

  1. Carmen Orozco 10/11/2010 a 01:43 #

    Que buen post!!! que gusto saber que no soy la unica que me pierdo dandole imagen a mi blog!!!!

    Si este post lo hubiera leido 3 meses antes me hubiera evitado tantos dolores de cabeza, gracias se que a muchos les servira…

    En mi caso fue algo similar lo que hice, solo que primero hice el logo, pense los colores y luego busque una plantilla que tuviera esos tonos

    • Florencio Martínez 10/11/2010 a 07:49 #

      Hola, Carmen.

      Espero que este post te haya hecho ver que hay obstáculos comunes a todo blogger, y te anime a continuar con tu blog. Es sólo un paso más, así que ¡adelante con ello!

      Un saludo.

Trackbacks/Pingbacks

  1. Bitacoras.com - 08/11/2010

    Información Bitacoras.com…

    Valora en Bitacoras.com: Este es un post invitado escrito por Florencio Martínez, autor del blog Empleo Autonomo En este artículo voy a contarte toda mi experiencia al intentar vestir de bonito mi blog, es decir al dotarlo de una imagen o aspecto v……

  2. Tweets that mention Diseño web y imagen para crear un primer blog -- Topsy.com - 08/11/2010

    [...] This post was mentioned on Twitter by Florencio Martinez, Ricardo Pérez and bigmouth, Franck. Franck said: El diseño web y la imagen del blog: Este es un post invitado escrito por Florencio Martínez, autor de… http://bit.ly/diOyPh #blogs #in [...]

Deja un comentario