x About... Servicios Portfolio BLOG Mis guest posts Contacto Codificando tu estilo
- 5.1.17 - Servicio

Personalizando: El Blog de Cyball


Pronto será un año desde que en mi blog personal decidí dejar la plantilla Simple de Blogger (muy personalizada en ese entonces) y escogí una plantilla de terceros con el único fin de mejorar la usabilidad de mi sitio en dispositivos móviles (celulares y tablets); en resumen, hacerlo responsive.

Las plantillas de terceros, sean del diseñador que sean, de pago o gratuitas, no siempre están optimizadas, suelen tener código basura o incluso errores cómo falta de funcionalidades o descuadres, tal cual fue en mi caso al cambiar de plantilla.


Este fue el primer aspecto que conseguí con mis conocimientos de ese entonces:

(la imagen se desliza al estar sobre ella)


Desde entonces siempre que puedo dedico tiempo a pulir mi sitio. Pasar de la plantilla Simple a una de diseñador es un cambio radical, sobretodo cuando los conocimientos en CSS, scripts y HTML eran limitados a los rápidos y sencillos tutoriales para Blogger que abundan en la red.

Han sido muchos los cambios y mejoras que he realizado al blog, y así mismo han crecido mi experiencia y conocimientos para personalizar plantillas, tanto que me he aventurado a desarrollar tutoriales y ofrecer mis servicios.

La plantilla se encuentra optimizada en su CSS, con scripts minificados y el HTML fue reestructurado minuciosamente para contener lo justo y necesario, no hay sobre-escritura de código como lo existía en la plantilla original.

A la fecha este es el aspecto de El Blog de Cyball, mi espacio personal:


Este post fue actualizado al 24 de mayo de 2017, al implementar el código de columnas responsive de Minerva Aurora en las páginas index, cuyo resultado ves aquí:




Plantilla Instalada: Voux de Themexpose
Cambios:
  • Eliminación de sidebar (no oculto, totalmente eliminado).
  • Reestructuración y minificación del script del sumario, con cambios en botón de leer más y eliminación de botones de compartir así como slider de imágenes de las entradas, además de mostrarlo a manera de galería.
  • Actualización de Fontawesome.css
  • Botón de subir estilo 'sticky' en sustitución del que se encontraba fijo en el footer.
  • Eliminación de botones de compartir en páginas estáticas.
  • Reducción de 3 a 2 contenedores de widgets en footer, ocultos en páginas estáticas.
  • Inserción directa en la plantilla de los códigos de la barra de navegación, anteriormente mediante widgets.
  • Eliminación de Instafeed y Bxslider (se supone que no tiene carrousel la plantilla pero igual incluye los estilos y scripts).
  • Sustitución de scripts y estilos de post relacionados por etiquetas, haciéndolos sin miniaturas, mejorando el tiempo de carga y peso de la página.

Correcciones:
  • Adición de página de error 404, así como el mensaje de error en buscador del blog.
  • Adición de Featherlight, un lightbox ligero.
  • Centrado de widgets y elementos en vista móvil.
  • Limpieza de código basura de Wordpress.

Mejoras:
  • Reestructuración del código, pasando de +ó- 5mil líneas a apenas 1 097.

  • Nuevo estilo del sumario, además haciendo que la entrada más reciente salga con ancho de imagen al 100% para resaltarle y que el resto sea estilo grid.
  • Menú desplegable y que se 'oculta' mientras quién lee se va deslizando hacia abajo.
  • Incorporación de la fecha de las entradas en página de inicio, de archivos y de etiquetas.
  • Adición de botón de compartir en Google + y de Enviar por correo.
  • Distinto ancho para las páginas de entradas que para el resto.
  • Página de contacto con formulario de Blogger.
  • Páginas estáticas de índices por categorías, con script que hace una galería de entradas. 
  • Anuncio personalizado de suscripción debajo de las entradas.
  • Widget de archivo y mensaje de cookies personalizados.



Se ha comentado...
  1. Mola un montón como te ha quedado tu blog. Ahora mismo es una pasada, la verdad. Ya sabes que a mí me siguen gustando más clásicos, no obstante el tuyo me parece una maravilla de la blogosfera.

    ResponderEliminar
    Respuestas
    1. Gracias Holden, la verdad es que a mi blog personal lo mimo y cuido, es un reflejo de mi vanidad bloguera.

      Eliminar

Dejar comentario

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *