Swifty-Ghost, nuestro tema para Ghost

March 12, 2017

Anuncios  General 


Desde que iniciamos este blog, el estilo visual que se estaba utilizando era el que viene por defecto en todas las instalaciones de Ghost, y siendo sinceros, está muy bien diseñado, pero como en Argentina la velocidad de internet no suele ser la mejor, en particular en los dispositivos móviles, decidimos crear un tema que fuese lo más liviano, simple y agradable posible.

Vimos varios temas que estaban interesantes, entre ellos Oscar, Steam, Aquila, y Upholsterygeist, todos ellos eran simples y estilizados, pero el tamaño que ocupaban era muy similar al que tiene el tema base de Ghost.

Aún así, tenían características muy interesantes, algunas de las cuales intentamos emular nosotros. Este tema termina pesando una cuarta parte del original y mantiene un estilo responsive.

Instalación

Para quienes sepan utilizar GIT, sólo deben clonar el repositorio https://gitlab.com/cign-io/swifty-ghost dentro de la carpeta /content/themes/ de su instalación de Ghost, reiniciar el servicio, y activarlo desde el menú de configuración.

La otra opción es entrar al mismo repositorio, descargar el zip con los archivos, y desde la pestaña General en su instancia de Ghost, van al final, eligen Upload a theme y eligen el .zip que descargaron.

Por último, también existe una versión minificada que pueden descargar en este link y subirlo de la misma forma que la opción anterior. La ventaja de este último, es que el CSS ocupa menos espacio al estar minificado.

Opciones de configuración

El tema viene con varios complementos como: google analytics, comentarios, resaltado de código, y por defecto vienen todos deshabilitados. Para activar cada uno de ellos, ésto es lo que deben hacer:

Es importante destacar que para activar cada elemento, es necesario cambiar la línea que diga {{!> complemento}} por {{> complemento}} a menos que se diga otra cosa.

  • Para habilitar el resaltado de código, hay que cambiar la línea {{code-highlight}} en default.hbs
  • Para hablitar los comentarios, sólo es necesario cambiar la línea {{comments-TIPO}} en post.hbs, donde TIPO es el proveedor de comentarios que queremos habilitar. También es importante recordar, que para que funcionen correctamente, hay que agregar la información de configuración requerida en cada uno de ellos. Los sistemas de comentarios que existen son:
    • Google+: Configuración en partials/comments-google-plus.hbs
    • Facebook comments: Configuración en partials/comments-facebook.hbs
    • Disqus: Configuración en partials/comments-disqus.hbs
  • Para habilitar Google Analytics en el blog, es necesario cambiar la línea {{google-analytics}} en default.hbs, y después agregar la información de usuario en el archivo partials/google-analytics.hbs.
  • Este último es diferente al resto. Existe la posibilidad de habilitar el logo o nombre del blog en las cabeceras de todas las entradas. Para hacer esto, es necesario cambiar la línea que dice {{#if false}} a {{#if true}} en el archivo post.hbs.

Si nuestra instancia de Ghost está ejecutándose en modo producción también es necesario reiniciarla para que estos cambios se vean.

¿Algún problema con el tema?

En el mismo repositorio de GitLab, es posible agregar issues, acá está el link.