¡Nuevo diseño del blog Emarts!

Estoy muy emocionado y no sé ni por donde empezar, veamos… como preámbulo les contaré que desde hace varias semanas estaba modificando de poco en poco el tema “classic” que viene con Wordpress, el cual al final me dí cuenta de que era muy limitado en lo que a personalización se refiere, inclusive tuve unos problemas con el CSS que gracias a los usuarios del foro Cristalab pude solucionar.

Ese fue el primer intento en crear un nuevo tema para este blog, luego empecé a buscar como loco diseños y trucos por toda la red, y mientras lo hacia llegué a la conclusión de que el nuevo diseño debía tener más espacio de lo normal para las entradas ya que iba a publicar muchas imagenes en un futuro y videos, cosa que con el antiguo tema no podía hacer, a parte de varios errores en el CSS.

Finalmente me decidí por dos temas de una sola columna, uno de ellos me gustó tanto que empecé a trabajarlo pero a la larga el CSS estaba como medio enredado e inclusive tenia un Div oculto con enlaces a webs de la India.

El otro era un simplón tema rojizo el cual terminó por pura casualidad de gustarme y no tuve la necesidad de hacer cambios extraordinarios al tema, ni descubrí ningún bug en el código como en ocasiones anteriores, y en solo 5 días llegué a lo que están viendo ahora.

Ahora pasaré a contarles algunas de las ventajas que tiene este diseño:

• El diseño es fixed pero al ser de una sola columna no tengo ninguna falta de espacio, a parte de que esta pensado para ser visto desde monitores de 800×600 y al tener una tipografia de mediano-gran tamaño no se verá tan pequeño desde pantallas de 1024×768 a más.
• El diseño cumple los estándares, por lo cual tanto el código deberían verse correctamente en todos los navegadores. Y ya que estamos tocando el tema de los navegadores, quería decirles que no me interesa en lo más mínimo que el diseño se vea “correctamente” en Internet Explorer, aunque si mis cálculos son correctos, nada fallará.
• He tratado de hacer el diseño lo más ligero posible y sin elementos extraños ni nada, me refiero a que funciona correctamente tanto con o sin Javascript activado, aunque para ver videos flash y esas cosas se necesita obviamente flash, pero no he usado para nada flash en el diseño.
• Dentro de las entradas he quitado las etiquetas Technorati y esta listo para cuando salga la versión 2.3 de Wordpress, la cual tiene su propio sistema de Tags, francamente no creo que el cambio sea problemático con el diseño.
• Lo que sí he dejado son las entradas relacionadas debajo de los comentarios, las cuales muestran hasta 15 entradas con temas similares al que estas leyendo.
• Ahora incluyo un limpio, nada intrusivo y bien ubicado anuncio Adsense de texto el cual esta entre el footer de la anotación y los comentarios, en la portada del blog no se muestra ningún tipo de publicidad para no incomodar al navegante y porque no soy tan codicioso ;-)
• He incluido en letras pequeñas las reglas de los comentarios antes del botón de “Enviar comentario” para que por lo menos haya más probabilidades de que alguien lo lea.
• En los datos de la entrada he colocado enlaces hacia los archivos anuales, mensuales y diarios para estar más organizado.
• La única consideración que tuve para los usuarios de Internet Explorer 6 fue colocarles un PngFix para que visualicen correctamente las imágenes PNG con canales Alpha, los demás que usamos buenos navegadores no .

Bueno, estos son algunos de los cambios, novedades y mejoras que he hecho en este diseño, aunque aún hay cosas que voy a mejorar (cosas estéticas) como añadir títulos a los archivos históricos y configurar el buscador de Google integrado, pero no es nada de gran relevancia.

Lo que sí voy a modificar cuando este más inspirado es la imagen del Header (cabecera) para que no este tan aburrida, puesto que solo es un fondo y no esta enlazado a parte del código, podré hacer como me dé la gana ;-).

Ahora, en cuanto a la parte técnica del asunto…

Poco a poco estoy quitando plugins a mi Wordpress, ahora solamente uso 8 plugins en total, de los cuales resto 1 porque Akismet ya es de la familia y también otro más porque es el plugin de Matt llamado Random Redirect, el cual es muy divertido. Los demás son solo elementos que ayudan al diseño y que podría desactivarlos pero le quitarían algo de practicidad al diseño.

Los enlaces RSS de las entradas y comentarios siguen siendo los mismos, he inclusive configuré la DNS de mi hosting para hacer uso del servicio MyBrand, con lo cual los feeds que antes decian: feeds.feedburner.com ahora son feeds.3l0g.com, al igual que los servicios de Google for Domains, pero eso es otra historia.

Finalmente

Me queda agradecer a todos los pringados :P que me ayudaron testeando el diseño antiguo, para este diseño no use a ningún beta-tester puesto que prefiero estar con el factor riesgo, aunque sabiendo que el diseño valida con las w3c no creo que haya nada de que preocuparse.

En los siguientes días estaré realizando los retoques finales a los archivos y restaurando el Radioblog que fue destruido hace un tiempo.

¡Enjoy it!

Actualización

• [09/09/07] Creada la plantilla y configurada la sección Archivos del blog.
• [09/09/07] Ha sido reconstruido el formulario de contacto incluyendo un sistema anti-spam.
• [13/09/07] Creada la versión “HTML simple” del blog para dispositivos móviles o antiguos: http://m.3l0g.com.
• [13/09/07] Corregidos los enlaces erróneos en el footer del blog.
• [14/09/07] A pedido de los lectores, he colocado algunos botones más de referencia en la parte superior y he colocado un enlace “Ir arriba” en el menú del Footer.
• [14/09/07] Corregido algunos errores en la gramática de los mensajes de error al realizar búsquedas sin resultados.
• [21/09/07] Por fín un nuevo header :) (Gráficos obtenidos de Vecteezy.com)
• [22/09/07] Añadido un enlace para la suscripción por e-mail en el menú y corrección de algunos pequeños e inofensivos bugs.
• [26/09/07] Se han añadido descripciones en el archivo por categorías y enlaces a otros archivos en los archivos cronológicos.