Amable Tumblr Theme

Entre proyectos y proyectos he tenido un poquito de tiempo para empezar a estudiar el sistema de plantillas de Tumblr. Para el que no conozca qué es Tumblr, cosa que dudo, es un sistema de microblogging que se caracteriza por su sencillez, en este blog ya he publicado algo sobre Tumblr, mas concretamente como usar un dominio propio con tu cuenta de este conocido CMS.

En Tumblr puedes publicar todo los tipos de post que podrías publicar con otros tipos de CMS como WordPress o Joomla, además te permite iniciarte en el desarrollo de plantillas ya que tiene un editor de código incrustado que salvo por algunos detalles mínimos, como por ejemplo que no hace uso de ZenCoding, me parece un editor online perfecto. Vale, ya se que existen alternativas online más potentes como CodePen o jsFiddle pero que el propio Tumblr incluya su editor sin que tengas que abandonar la página me gusta y mucho.

Después de trabajar mucho tiempo con un sistema de plantillas como Twig, incluido en Symfony, no me ha costado nada acostumbrarme al sistema de plantillas de Tumblr, además con la documentación a mano todo resulta mucho más fácil y para el siguiente nivel, me tocará empollarme la API de Tumblr para desarrollar plantillas mucho más potentes.

Bien, con todo esto y haciendo un ejercicio de estudio, he creado mi primera plantilla para Tumblr.

Amable Tumblr Theme
Amable Tumblr Theme

Amable Tumblr Theme

Actualmente esta en su primera versión y cómo se trata de un ejercicio práctico no sé si seguiré dandole soporte. Podéis echar un vistazo a la plantilla en funcionamiento desde aquí. Esta plantilla soporta todos los formatos de post que hay en Tumblr que son los siguientes:

  • Soporte para posts de vídeo
  • Soporte para posts fotográficos
  • Soporte para posts de tipo chat
  • Soporte para posts de tipo reblog
  • Soporte para posts de tipo photoset
  • Soporte para posts de tipo audio
  • Soporte para posts de tipo cita
  • Soporte para posts de tipo texto
  • Soporte para posts de tipo link

Además he incluido la posibilidad de añadir el código UA de Google Analytics para llevar un control analítico del sitio y lo he integrado con el sistema de comentarios de Disqus.

Por otro lado, Amable Tumblr Theme incluye integración con redes sociales y ha sido diseñado para que se pueda consumir desde cualquier dispositivo, usease, con diseño responsive. También le he metido un montón de opciones de configuración como cambio de color de textos, de background y ese tipo de cosas que ya os podéis imaginar…

En fin, que os dejo el zip con la plantilla para que podáis descargarla y utilizarla si queréis, pero a cambio os pido una acción social ya que no hay intención de rentabilizarla económicamente. Esta licenciada mediante Creative Commons, así que sentíos libres de borrar cosas, añadir nuevas cosas, estudiarla o trastear con ellas pero no olvidéis citar mi autoría.

Dentro del zip, he metido un pdf que explica como instalarla y cómo personalizar la plantilla pero aviso de que esta en inglés, ya que pienso moverla por foros anglosajones también, aún así se exige un nivel mínimo de “inglés porno” por lo que lo entenderéis bastante bien.

Creo que en mis ratos libres seguiré haciendo plantillas para Tumblr ya que me sirve para no oxidarme y aumentar mi visión creativa que como la gran mayoría de los programadores tengo más desarrollado el hemisferio izquierdo que el derecho…

Y para terminar os dejo con la mencionada Amable Tumblr Theme…

[sociallocker id=”446″]Descargar la plantilla Amable Tumblr Theme[/sociallocker]

Por cierto, estoy cambiando el diseño del blog y me lo estoy tomando con mucha calma, así que hasta que no este terminado no os asustéis si lo veis muy…rudo.

¡Hasta que volvamos a olernos!

descarga

Cómo usar un dominio propio en Tumblr

Hoy vengo a hablar de algo un poquito más diferente a los típicos artículos sobre programación o nuevos frameworks. Hoy quiero contaros que hay que hacer para poner un dominio personalizado a un blog de Tumblr.

Cómo usar un dominio propio en Tumblr

Actualmente he abierto un blog de tumblr para propósitos puramente comerciales, si vaya lo típico, rebloguear chistes e imágenes graciosas para así poder posicionar alto y atraer tráfico de un público que por lo general no se pasará por blogs como éste. Tumblr esta genial para estos propósitos ya que es tan sencillo que no te tienes que preocupar demasiado en temas relacionados con la configuración como podría ser con un blog montado bajo WordPress. Tumblr te lo da todo montado para que tu únicamente te dediques a poner un tema y empieces a generar contenido, ademas su sistema de cuentas te permite tener un blog gratuito bajo su propio dominio, pero bueno realmente ¿quien no conoce Tumblr y su funcionamiento?

Al ser un blog gratuito la url de tu blog queda algo así

http://nombreDeBlog.tumblr.com

Con este artículo aprenderéis a configurar vuestro sitio para que quede un dominio tal que así.

http://www.nombreDeBlog.com

 

Comprar un dominio

Una vez hayáis abierto una cuenta en tumblr y lo hayáis personalizado lo que tendréis que hacer es comprar un dominio en cualquier servicio.  Dominio solo, sin hosting. Yo para el ejemplo he elegido registrar el nombre a través de Don Dominio. Después de haber realizado la compra, para configurarlo tendréis que dirigiros a la zona DNS de vuestro panel y ahí editar las zonas de tipo A y el CNAME, es decir, de todos los valores que os aparecerán tenéis que editar el dominio que aparece sin las www y el que aparece con www tal y como aparece en la siguiente imagen.

Ejemplo de Zona DNS
Ejemplo de Zona DNS

En el valor de la Zona A hay que poner la dirección IP de los servidores de tumblr (66.6.44.4) y en la zona de tipo CNAME hay que poner domains.tumblr.es

Con esto ya estará configurado el dominio para que redirija a vuestro tumblr.

[xyz-ips snippet=”FAQS-GORKAMU-TW-YELLOW”]

Configurar Tumblr

El siguiente paso es entrar en la configuración de vuestra cuenta de tumblr, en el menú superior al lado del logotipo de tumblr hay que pinchar en el icono de una rueda de engranaje.

Icono de configuración de tumbrl
Icono de configuración de tumbrl

Y ahí hay que pinchar en la parte que dice Nombre de Usuario para después activar la opción de Utilizar un dominio personalizado. Una vez hayáis pinchado esta opción se os activará una caja de texto en la que tendréis que poner vuestro nombre de dominio tal y como aparece en la siguiente imagen.

Nombre de usuario y dominio personalizado en tumblr
Nombre de usuario y dominio personalizado en tumblr

Si habéis seguido el articulo al pie de letra ya habréis terminado todo el proceso de configuración. Hay que decir que no lo podéis hacer una vez que se haya comprado el dominio ya que se tarda un par de días en que todo el proceso de propagación del dominio se realice satisfactoriamente así que eso, esperaos unas 48 horas para configurar tumblr.

 

Si tenéis alguna duda de como hacer este proceso porque no os sale u os pueda surgir cualquier problema no dudeis en utilizar los comentarios y os echare una mano sin ningún tipo de problema.

 

¡Hasta que volvamos a olernos!