Ulzurrun de Asanza i Sàez

Sumolari.com recibe unas mejoras en el diseño

Rediseño del blog

Al ver los fantásticos iconos de FatCow me decidí a actualizar el diseño del blog e incorporar el paquete de iconos Farm Fresh. Aprovechando el cambio, he arreglado un par de cosas y he añadido algunas otras que espero que os gusten. Pero primero analizaré las novedades.

Nueva búsqueda instantánea
Nueva búsqueda instantánea

He cambiado el buscador del blog, a partir de ahora la búsqueda es instantánea, sin necesidad de cargar una página adicional. Antes los resultados que salían en la búsqueda inmediata no eran muy exactos y la búsqueda no era nada útil. Sin embargo, a partir de ahora la búsqueda inmediata muestra los artículos que tienen títulos o contenidos relacionados con la búsqueda, además, al hacer clic en el título accederemos directamente al artículo que queremos.

Paginación mejorada
Paginación mejorada

Al final del contenedor principal del blog y antes del pie de página a partir de ahora se mostrará un listado de la paginación del blog. Antes sólo nos dejaba ver la siguiente (o la anterior) página de artículos, mientras que con este sistema podremos acceder a cualquiera de las siguientes (o anteriores) 2 páginas. También veremos un indicador de nuestra posición en la paginación, que nos indica en qué página nos encontramos y el total de páginas que tiene el blog.

Nuevos iconos
Nuevos iconos

Como he dicho al principio del artículo, todos los iconos son nuevos y tienen un tamaño mayor. Sinceramente, me encantan estos nuevos iconos y espero que os gusten tanto como a mí. Otro pequeño cambio ha sido el color de los links al pasar el cursor sobre ellos. Ahora se iluminan en un color más oscuro que el anterior, lo que facilita la lectura. También he cambiado el efecto que había al cambiar de pestaña del pie de página. Antes el cambio era instantáneo, ahora hay un leve efecto de desaparición y aparición.

Comentarios rediseñados
Comentarios rediseñados

Los comentarios han sido totalmente rediseñados. Ahora tienen un color entre gris y negro de fondo y al comienzo y al final del listado podemos ver tres enlaces rápidos: uno al inicio de la lista de comentarios, uno al inicio de la lista de pingbacks y trackbacks y otro al formulario de publicar un comentario. Otra novedad es que he separado los comentarios de los pingbacks y trackbacks, así es más fácil seguir lo que comentan los usuarios y dejar de lado las referencias al artículo.

Y estos son las principales novedades del diseño del blog, sin embargo, también he hecho algunos cambios menores en el diseño.

Por ejemplo, ahora al final de cada artículo se puede ver una barra con los enlaces a los comentarios y al artículo, de forma que se unifican ambos enlaces en una misma línea horizontal.

Otros cambios
Otros cambios

Otro cambio está en los enlaces para compartir el artículo. He renovado los iconos y he eliminado muchas páginas que me parecían innecesarias, dejando sólo 7 enlaces y el de votar el artículo. Por otro lado, ahora el listado de artículos relacionados muestra la primera imagen en miniatura a la izquierda del enlace.

Sin embargo todos estos cambios tienen su parte mala, y es que a partir de ahora y hasta que los detecte y los arregle, el blog tendrá algunos fallos en el diseño que no he visto aún. Así que os pido por favor que cualquier cosa extraña que veais en el blog la comentéis en los comentarios de este artículo, así podré arreglar cuanto antes los fallos y será más cómoda la navegación por el blog.

Otro problema que he tenido (y que aún no sé cómo solucionarlo, aunque supongo que en unos días lo tendré arreglado) es que al navegar con Firefox y ver artículos cortos, se deforma el diseño y no se ven las fechas de los siguientes artículos. Este error no se da en Safari, por lo cual he modificado el diseño que se ve en Firefox, y ahora siempre veréis las fechas de los artículos al navegar con este navegador, al menos hasta que lo consiga arreglar (aunque no lo veo demasiado molesto).


4 replies on “Sumolari.com recibe unas mejoras en el diseño

  1. Bueno, ya he detectado el motivo del error de Firefox y lo he solucionado.

    Cualquier otro error que encontréis, comentadlo aquí y lo solucionaré cuando pueda :) .

  2. Está bien el nuevo diseño. Quizás alguna pega es que los comentarios son muy oscuros al ser la caja negra cuando hay muchos, pero bueno. Ah, otra cosa es que cuando no hay comentarios en un artículo se juntan las dos barras de "Comentarios", "Pingbacks y trackbacks" y "Publicar un comentario". Y quizás en Artículos relaccionados al haber ahora imágenes se desplaza mucho, sería mejor poner sólo 3 en vez de cinco o algo así, o reducir el tamaño, etc.

    Pero está bien :)

  3. @JaimePG:

    El tema de los comentarios es cierto, me ha salido algo oscuro, pero a mí me gusta el estilo que tienen ahora :) . El tema de las dos barras juntas no es cuestión de un error, es que lo diseñé para que se viese así, aunque después de ver el resultado creo que debería cambiarlo un poco, tal vez poner una especie de comentarios anónimo que diga algo como: "No hay comentarios, ¿por qué no te animas y publicas tú el primero?".

    Las imágenes de los artículos relacionados me encantan como están ahora, no creo que poner 3 en vez de 5 lo mejore, me gusta mucho el estilo que tiene ahora :P .

  4. Bueno, hoy como tengo la tarde libre me he puesto a arreglar algunos fallos más del diseño. Para comenzar los enlaces que dicen "Permalink" tenían por URL #, así que no eran realmente el permalink, ahora lo he arreglado.

    Otro fallo que había era que los artículos que tenían una imagen al principio y tenían continuación (leer más) no tenían contenido en la página de inicio, sólo el título, ahora ya están arreglados y se ven como deberían.

    Lo último que he cambiado es que ahora en los artículos que no tienen comentarios aparece un "comentario fantasma" invitándote a comentar, que desaparece después de publicarse el primer comentario.

Leave a Reply to JaimePG Cancel reply

Your email address will not be published.

Required fields are marked *

Your avatar