He perdido un rato rehaciendo ligeramente el código php que genera la página principal (el index.php en los temas de WordPress) para hacer el código de salida más human-readable. Antes generaba el html de los posts de forma lineal, con todas las etiquetas una detrás de otra, haciendo difícil para alguien que leyera el código html de la página el sacar conclusiones acerca de nada.

Ahora los ‘echo‘ que estaba utilizando maquetan las lineas con retornos de carro y espacios en blanco al comienzo de las líneas, para simular un ‘indent‘ que es mucho más amable de cara al lector humano. Unos pocos bytes más de ancho de banda que quizá puedan ayudar a alguien.

Lo cierto es que a mí me molesta bastante abrir el código de una web y ver que no se han tomado la molestia de hacerlo “amigable” o user-friendly.

Rehaciendo el theme de WordPress que tomé como ejemplo para comenzar el diseño de esta web, he tenido que pegarme un poco a lo largo del día de hoy con el famoso ‘The Loop‘, con la forma en la que estoy mostrando cada post y con la hoja de estilo css de la página. Al final estéticamente lo he dejado casi en el mismo punto en el que estaba antes, pero ahora al menos está funcionando como yo quería.

Cuatro elementos por línea, maquetados únicamente a través de la hoja de estilo y, ahora sí, que también esté funcionando sobre Internet Explorer.

Seguiré con ello poco a poco…

Actualizado: También he retocado la página de visualización de un único post (la de escribir comentarios), así que sigo avanzando poco a poco.

Actualizado (II): Y he añadido unos enlaces de edición de posts (que obviamente no veréis nunca porque sólo los ve quien tiene permisos de edición, pero me han quedado muy chulos) y he personalizado la etiqueta de (more…) para posts partidos por un “Me ha quedado un poco largo, sigue leyendo…” que me parece más intuitivo y recuerdo haberlo leído antes en algún otro blog…

Esto sucede cuando creas una etiqueta (tag) y le cambias su tag-slug: es decir, el nombre con el que se crearán los enlaces a los temas y demás. Por ejemplo, tengo una categoría llamada .Net que, haciendo click, os llevará a una dirección del estilo blabla/dotnet. He cambiado su tagslug de lo que habría utilizado automáticamente WordPress (net) a otra palabra que para mí tiene más significado (dotnet).

Cuando cambias los tag-slugs de una etiqueta y vuelves a asignar esa misma etiqueta a un nuevo post, te generará una segunda etiqueta con mismo nombre y con el tag-slug automático. A través de los foros de wordpress.org he llegado a la solución en el trac, que ya está detectada y estará solucionada en la próxima versión.

Por suerte era una cosa sencilla de tocar cuatro líneas, así que ya debería estar funcionando correctamente.

Este es el primer post del blog… siendo sobre todo de cuestiones técnicas, qué mejor opción que el “Hola Mundo” que, decho, es el primer post por defecto al realizar una instalación de wordpress.