Introducción
Ya a finales del mes de mayo, me propuse renovar el aspecto de «El atareao», tal y como comenté en el artículo «Lo más leído en el atareao sobre Ubuntu en mayo de 2012«, sin embargo, han ido pasando los meses, y no ha podido ser, cada vez surgía algún motivo para ir retrasándolo. De echo, tenía abierto una página, donde iba haciendo mis pruebas, pero no le daba ninguna continuidad.
Sin embargo, el otro día, recibí un correo, en el que me indicaban, que actualmente y de manera aproximada, el 3% de visitas procedían de dispositivos móviles, y que se estima, que en los próximos 18 meses, es porcentaje pase a ser de entre un 15% a un 30%. Evidentemente, se trata de buscar una solución que permita ver la página tanto desde un ordenador personal, una tablet o un teléfono móvil.
Finalmente hoy, me he decidido por una de las diferentes opciones que estaba barajando y he comenzado a trabajar sobre ella, así, que es posible que en los próximos días veas algunos cambios mas.
Los cambios
Diseño web adaptativo
Hasta la fecha de hoy, había elegido una solución que permitía dependiendo de si accedías desde un dispositivo móvil, o de un ordenador personal cambiar el aspecto de la página. sobre lo que escribí en el artículo «El atareao en versión para móvil«, en la que utilizaba el plugin WPTouch en WordPress. Sin embargo, desde la aparición de las tabletas, y los nuevos formatos de 7″, 9″, 10″, … era necesario buscar una solución que se adaptara a la pantalla. Es aquí donde entro en conocimiento del «diseño web adaptativo» (Responsive Web Design), que es una técnica consistente en adaptar el sitio web al entorno del usuario.
Dentro de esto hay todo un mundo, sin embargo, he tenido la suerte de decantarme por «Responsive«, un excelente tema para WordPress que cumple perfectamente con el diseño web adaptativo, pero además con un excelente soporte de ThemeID, los creadores de este tema.
Un trabajo importante ha sido el colocar «las cosas en su sitio (mas o menos)», me refiero a que tenía claro que el diseño inicial lo tenía que mantener, debía disponer la caja de búsqueda visible (de acuerdo a vuestras sugerencias), los iconos de las redes sociales, en la parte superior a la derecha, un barra de navegación visible y clara, etc. Todo esto ha sido posible al excelente soporte que tiene Responsive
Los colores
Aunque no he concluido con el diseño de la página, si que tenía claro de optar por una tonalidad de colores mucho mas clara. Inicialmente, me gustaba el tono oscuro que tenía la página, pero con el paso del tiempo, y después de ver muchos otros sitios, me decanté finalmente por aclarar la página. Quizá actualmente sea demasiado clara, sobre todo en el área del artículo, pero esto, probablemente lo cambie en los próximos días.
La limpieza
Otro trabajo importante ha sido el de «limpiar» WordPress de plugins. Otro de las ideas que tenía muy claras, es que debía reducir el número de plugins que tenía el tema, y acelerar la velocidad de carga de la página, que creo que he conseguido. Con este objetivo en mente, he ido reemplazando los plugins por el código que le correspondía, y eliminando aquellos otros que no me parecía necesarios.
Me queda pendiente la decisión de eliminar el botón de Facebook. Me he dado cuenta de que retraso mucho la carga de la página, y realmente no hay muchos seguidores, y los que lo siguen creo que es mas por la página de Facebook, que por aquí. Realmente, todavía no me he decido, veremos en los próximos días.
Conclusiones
Desde luego, cada vez estoy mas convencido de lo correcta que fué mi decisión al migrar de Joomla a WordPress. Supongo que habrá proyectos, cuya mejor solución radique en Joomla, pero desde luego para mi, esta es la mejor solución. El tiempo que le dedico a la gestión y mantenimiento de la página, se ha reducido de forma considerable.
Queda pendiente el diseño de la página de presentación, donde quería que aparecieran las distintas aplicaciones, My-Weather-Indicator, Touchpad-Indicator, Picapy, CryptFolder-Indicator,…. Quiero darle mayor protagonismo a las aplicaciones. Y también, terminar con la limpieza. Todavía queda plugins que quiero eliminar, para agilizar al máximo la velocidad de carga, y facilitarme la edición de artículos.
Por último, indicar que estoy abierto a cualquier sugerencia o comentario, siempre constructivo para la página, es mas, lo agradecería, porque desde este lado de la pantalla, muchas veces no sabes si vas en bueno o mala dirección, si no fuera por vuestros comentarios, que siempre son bienvenidos. Gracias.
Muy bueno el cambio, Lorenzo mas claro, carga mas rapido la pagina . Felicidades
Me sumo al saludo. Adelante con los cambios, sobretodo si están orientado a mejorar la usabilidad y la presentación de la página, que de por sí es sensacional. Felicitaciones.
Muchas gracias @google-b6c6f4d668a65fc143c50c2a0518ad98:disqus por los ánimos, las felicitaciones.
Un saludo.
Muchas gracias Samano, me alegra que «haya dado con el clavo».
Un saludo.
Felicitaciones, quedo muy prolijo y organizado.
Gracias @mezclaconfusa:disqus , un saludo
Pues a mi no me gusta
Muy bueno, sigue con este tendencia.
@02abb19fabb54cfe55b729126a8079fb:disqus , muchas gracias
Llevo siguiendo tu página alrededor de un año y sólo puedo darte las gracias porque contigo he aprendido un montón. Tu web sólo tenía un problema: era complicada de leer con el móvil y ahora, por fin, lo has solucionado. Enhorabuena, sigue así. 😀
Hola, @twitter-199826870:disqus , gracias, espero cumplir con las expectativas.
Un saludo.
Elegante y organizado, Lorenzo…
Mis felicitaciones por ello.
Muchas gracias @google-b1042f44d4b028c8b0f3eca47af745de:disqus , me alegro que te guste. Un saludo
Felicitaciones por el cambio!
Me encantan los estilos simples, se puede ver de hecho en mi blog. Los usuarios de Linux normalmente no tenemos muy buen gusto en cuanto a diseño se trata, pero es bueno ir pensando en la funcionalidad y en la facilidad de lectura para nuestros sitios.
Desde luego, @davegomez:disqus que tu blog es un ejemplo de diseño en este sentido. Funcional y con un estilo claro.
Un trabajo interesante, algo que algunos tenemos pendiente. Te animo a que nos ilustres con las acciones (no al detalle) que mejor y más resultado te han dado.
Así nos lo pone más fácil, je je…
Bueno, una de las cosas que más ralentiza una página es el Java, algo que deberíamos evitar en la medida de lo posible.
Saludos.
Hola @7676d9d132872d90d1f7ac30368426d5:disqus ,
voy a ver el rendimiento de la página y el resultado, y en los próximos días, intentaré escribir un artículo al respecto.
Saludos
A mi me gustaría que convirtieses en plugin para la barra de Unity el script de freecache, junto con un indicador de memoria – el que existe open source añadiéndole esta función – que dándole al menú ofrezca, además de la información la posibilidad de limpiarla o de mantener el script corriendo vigilando que no se «atasque» la limpieza de la memoria cache.
Así mismo no estaría nada mal hacer una edición de «Ubuntu atareao» al estilo de la de Voyager – que ahora uso junto con Sabayon XFCE 9 -, con todos los aditivos que recomiendas y haces para tus seguidores.
te felicito, con las nuevas habilidades de cs3, hatml5 y media query no hay escusa para no hacerlo, yo también tengo planes de mover la web a mi propio dominio y restructurar un par de cosas, saludos. UnaWeb+Libre =
unawebmaslibre.blogspot.com
Hola @twitter-609316963:disqus , gracias por las felicitaciones. En cuanto a moverte a tu propio dominio, desde luego que te animo a ello. Ahora, que sin dudas, y como queda patente en mi artículo, desde luego que te recomiendo WordPress como CMS, sin lugar a dudas.
Un saludo y gracias