WP2.1 + Mootools = “Mootlog” 2.1!
¡En estos momentos el sitio sigue en construcción! Disculpen todas las molestias. Ya les contaré qué hay de nuevo y de qué se tratan todos los cambios. Ahora estoy atornillando todo lo que quedó medio descompuesto con la migración.
Ahora sí.
Este fin de semana llegó el momento de actualizar Bootlog a Wordpress 2.1, así que aproveché el momento para arreglar algunas cosas y cambiar otras. ¿Qué creen? Era obvio lo que iba a pasar: entre bit y byte terminé rehaciendo el sitio por completo. Limpiando el XHTML, corrigiendo el CSS, optimizando el PHP y obviamente, jugando con JS. Así fue como se me ocurrió darle una vuelta a Mootools, una de las tantas librerías Javascript que te permiten usar AJAX, manejar el DOM y hacer esos efectos inútiles como los del menú de navegación superior (¿los viste cierto?).
La diferencia de Mootools con otras librerías es que es muchísimo más liviana, es completamente Orientada a Objetos (por eso el nombre: MOO Tools), y además puedes configurar el paquete con los módulos específicos que necesites. Una de las cosas que aún hace falta en JQuery.
Bueno, el asunto es que final, finalmente quedé conforme con Bootlog. Pero no me refiero a los efectos y todo eso, sino a todo lo que hay detrás del sitio. Lo de verdad:
- Volví a revisar el núcleo de Wordpress e hice lo hacía falta: sacar el category_base pero manteniendo las subcategorías andando, y que eso no significara perder los trackbacks (y sin terminar con un .htaccess de 2 Kb).
- Conecté la instalación de Wordpress al SVN oficial, para así poder olvidarme de futuras actualizaciones y del cacho de reemplazar archivos. Ahora todos los últimos cambios de Wordpress van a llegar derechito al servidor, sin borrar nada de los cambios que haya hecho en wp-includes o wp-admin (que son varios por lo demás!).
- Caché. Finalmente.
- Chao Prototype + Scriptaculous, muy bienvenido Mootools. Eso significa ahorrarse un buen lote de kilobytes de descarga. Además, tengo la sensación de que el AJAX y los efectos funcionan mejor (y si me equivoco, por favor háganmelo saber!).
- CSS corregido. Ahora no tengo que recurrir a esos trucos horribles para que no se vea tan mal en IE. De hecho, creo que se ve relativamente bien.
- Decidí escribir mi propio plugin para los últimos comentarios, ya que el que usaba era terriblemente poco eficiente. Y la diferencia se nota.
- La estructura del template en general está mucho más ordenada y más limpia. Así también con las categorías en la base de datos (lo que fue un gran cacho).
- Como muchos me lo habían pedido, ahora el feed de Bootlog es del post completo y no sólo el extracto.
- Varios cambios pequeños de diseño y estructura, no dignos de mencionar aquí. Ya los irán viendo. :)
Me imagino que se dieron cuenta que hay varias cosas que aún no están listas (el feed de Last.FM y de Flickr, por ejemplo), pero en estos días lo iré viendo. Lo imporante es que lo importante ya está listo. Bootlog, o mejor dicho, Mootlog está andando, no sé si sobre rieles, pero al menos sobre ruedas. Con eso me basta para dormir tranquilo. Al menos por ahora. :)


jajaja dancers links everywhere!
hmmm… perdon por la ignorancia pero que es eso de de WP2.1?.. y pues.. el resto ke dice el titulo XD
WP2.1 = Wordpress 2.1 Ella
Mootols es una libreria de javascript sencillamente genial.
Mootlog 2.1 seria algo así: Mootols bootlog WP 2.1.
Por cierto tomás, están quedando muy llamativas algunos detallitos :)
pss seguiremos por aki viendo k hay d nuevo! suerte jejeje y sigo en ubuntu!! ya 1 semana jejeje espero seguir asi :)! saludos
¿Tiene que ver con el transantiago o pura coincidencia?
a Safari no le gustó tu cambio :/
Que pena no saber javascript para implementarlo, veo en bootlog.js que la sintaxis es más complicada que script.aculo.us, igual i’ll give it a try.
Felicitaciones, estas cosas me incentivan a querer aprender..
sí, se ve bien. felicitaciones.
Felicidades, se ve genial! me gustan los dancers links, aunque los que tienes en la cabecera no se porque razón no se ven tan fluidos como imagino que se deberían ver, pero por lo demás muy bien!
Hey! preview de los comentarios… jejeje muy bueeeno
q wena me alegro n, bootlog esta tan pesado, como los cerdos q corren ahora en linux(openoffice sabes que hablo de ti), suerte tomas
Lo del feed completo es de agradecer. De hecho, lo anterior iba en contra del vídeo 2.0 que pusiste hace un par de días ;)
Cada cambio en este blog es para mejor, felicitaciones por eso Tomás.
Se agradece mucho la nueva política con respecto al Feed :D
Salu2!
Esta muy bueno los cambios, me gusta mucho mas el diseño!!
Felicitaciones por las mejoras.
Me quedó una duda: Como es eso de conectar WP al SVN oficial? Cómo lo logras?
Me queda claro teoricamente el funcionamiento, pero al momento de implementarlo no he encontrado ni una pista de como hacerlo.
gracias a todos! ya saben que todavía quedan algunos detalles por pulir, pero al menos la base está lista.
wachunei: jaja, así es! igual no son definitivos, tengo que ver cómo funcionan mejor (y qué tal andan en IE, Opera, Safari).
Héctor: notable. ¿todo bien? (ahora pretendo ponerme las pilas con la segunda versión del Enchúlame el Ubuntu, que me imagino te servirá bastante).
Cesarius: qué raro, de los efectos los más fluidos según yo son los del menú superior!
enzo: jajaj, buena.
iOne, Nick: sí, era una deuda que tenía pendiente. :)
Claudio: tienes que partir tu instalación base a partir de un “checkout” del SVN, o bien hacer un .diff con los cambios que le hayas hecho a tu instalación y aplicárselos a un checkout del SVN. de ahí en adelante actualizas el sitio a través del SVN.
NOOO… ke paso con ese entorno oscuro verdoso ke tanto me gustaba???
no es ke esta este mal… pero antes me gustaba mas… (cuestion personal.. me gusta mas lo oscuro ke lo clarito)
Llegué en el momento en que se ve el tema default. :P
Está muy bueno el cambio. Te felicito. Aunque aún sigo bastante fiel a Prototype y Script.aculo.us :P. De todos modos quedo bien la “repotenciación” de Bootlog.
congratulations!! ha quedado bien limpio el site, los cambios al CSS se notan bastante, incluso aquí mismo…
Todo se ve bastante bien! Felicitaciones desde acá, revisaré más el MooTools, lo vi hace un tiempo pero no le presté mucha atención -craso error :$
No me gusta mucho… o sea, en lo visual, tal como le decia a wachunei hace un rato, bootlog esta demasiado saltòn.
Lo de fondo, o lo que anda por detràs todo bien.
Interesantes y sutiles cambios… ¿cuando vamos a ver el lanzamiento de tu plugin para los últimos comentarios? ¿O del theme completito?
Concuerdo con lo de los enlaces “saltones”, creo que podrían ser más sutiles los hover y focus… y todavía estoy metido con lo del cambio al núcleo de WordPress, ¿para qué y pq fue eso?
Finalmente, ¡se agradece el feed con posts completos!
Felicitaciones
¡Ah! Y un detalle (que al parecer es un problema común) es que el envío de comentarios con AJAX hace que no funcione coComment :(
este post es solo para probar el plugin del comentario…mmm…si…está bien…igualito que en fayerwayer.com
algo se me olvida…así te quedó bien el sitio !
:D
o’brigado a todos nuevamente!
juank: me imagino que te pasó lo mismo que a Daidaros. (quién entiende a los computadores?)
guido: jaja, buen adjetivo: “saltón”. al parecer la opinión es compartida, así que voy a darles un somnífero a los links para que salten menos.
felipe: ¿lanzar el plugin? sí, cero problema. ¿el template? no sé, quizás más adelante, cuando haga uno nuevo. la identidad es importante!
eso sí, no me queda claro eso del “coComment”. ¿se come?
jejeje siii espero el enchulame el ubuntu con ancias :D!!! y pss bueno.. eh tenido que re-formatiar varias veces porque ps por la misma cosa que se murio el gato (curiosidad) ps le muevo de mas y para cuando me di cuenta esto ya no entraba jajaja :P! pero ps asi se aprende … :)!
hola tomas muy buen sitio, algun tutorial de mootools que recomiedes o algún link de interes ?
freebdo: por supuesto.
Pues te quedo muy bien.
Felicidades!!
No, no… es un servicio para recolectar tus comentarios en un lugar central: p.ej, mis comentarios. Como co.mments (no confundir)
Es bastante útil para seguir los comentarios. coComment
felipe: ni lo conocía. se ve bueno.
a todo esto, se me pasó contarte lo del núcleo de Wordpress. lo que pasa es que WP necesita tener un category_base para no confundirse con los llamados internos que finalmente le “dicen” si el usuario está pidiendo un post o la página de una categoría, etc.
sacar el category base no tiene ninguna ciencia, pero el problema es cuando tienes un WP sin category base y tienes subcategorías, WP cree que le estás pidiendo un post cuando en realidad le estás pidiendo la página de una categoría (porque hay dos niveles de “directorios”).
ahí es donde hay que empezar a machetear para que Wordpress sepa qué le estás pidiendo cuándo. fue un lote de cambios en rewrite.php y classes.php.
Podrias lanzarte una guia de MooTools Wordpress for Newbies ;)
Tomás, tírese un tuto para usar MooTools, están buenísimos los efectos con ajax.
Saludos.
¿tuto-tutorial? uff, me ponen en aprietos!
¿por qué no le echan un vistazo al Mootorial? es lejos la mejor documentación que he encontrado (incluso mejor que la oficial).
otro buen punto de referencia es el blog de Ismael. y creo que aNieto2k también ha escrito algo al respecto.
Oye, Tomás, tu que editor usas?? He leído buenas cosas del Bluefish, pero al probarlo, la verdad es que no le encontre chiste. Se me hizo que tenía poco más que Gedit. También he estado jugando con vim, aunque con él todavía no logro sentirme cómodo ¿alguna recomendación? ¿Quanta?
comentando por comentar…
Jeduan: ahora estoy usando Gedit, porque tiene varios detalles buenos. lo que aún le falta (lo único en realidad) es lo de “code folding”, de poder achicar bloques de funciones y cosas así. eso sí lo tiene Scite, así que igual le estoy echando el ojo por si acaso.
otro para tener en cuenta: Geany.
Oh, jejejeje, nunca se me hubiera ocurrido usar el editor por defecto… Gracias, lo probare, saludos!
Aun otro para tener en los laboratorios de pruebas: Scribes
[...] semana pasada le tocó a Begin entrar al pabellón. Al igual que la actualización de esta porquería de sitio, los cambios de Begin son poco notorios a primera vista, pero si cavas [...]
Está excelente el re-diseño. Felicitaciones. Voy a darle una leída al tutorial, para ver qué es lo que se puede hacer…
[...] no lo crean, uno de los cambios más notorios desde la actualización de “Mootlog” (para mí al menos), es que los famosos pingbacks y trackbacks volvieron a la vida. Los dos, y para [...]
Tomás,
Por siaca: hace dos semanas que no recibía actualizaciónes de tu blog porque tenía el feed bootlog.cl/feed/rdf en vez de bootlog.cl/feed como lo tienes después de la actualización.
Pasando a otro tema, he tenido miles de problemas enviando, y sobre todo recibiendo, trackbacks. ¿Tienes alguna idea de que es lo que puede estar pasando?
Carlos: bah, qué raro lo del feed. de hecho el ícono del feed siempre ha apuntado al feedburner!
sobre tus trackbacks: jaja, ¡pero si me acaba de llegar uno tuyo! ¿estás seguro que no te están funcionando? podrías usar el TestTrack para ver si todo anda bien.
Tomás,
Si, al parecer enviar trackbacks funciona casi siempre. No siempre los recibo, eso sí. Tal vez el sistema de envio automatico de trackbacks de wordpress no funciona todo el tiempo. ¿Has tenido ese problema?
Saludos.
ah, ahí cambia la cosa. si el problema es que no siempre recibes, entonces la falla no es tuya sino de los otros. si funciona (aunque sea a veces), entonces significa que está andando bien.
el problema que tuve con mis trackbacks es que simplemente se quebró por completo. dejaron de funcionar para los dos lados. pero eso fue porque metí demasiada mano (sucia) en Wordpress. :)
O_O
“Conecté la instalación de Wordpress al SVN oficial, para así poder olvidarme de futuras actualizaciones ……. WTF !!!!
Como hiciste eso …. ¿no se puede “pluginear?”
[...] esta, es la plantilla que uso en este blog, Asi que pronto cambiare esta para no perder identidad (jejeje). Esta en su version 0.01 , es decir, recien salida del horno, pero funciona bien y se ve [...]
Muy Bueno. Yo no tengo mucha experiencia con WP. Es más … hoy quise hacer un sidebar particuar donde tuviese control total con las paginas y bla bla bla … cosas que no vienen al caso pero wp_list_pages() me quedaba corto.
Por cierto, hace poco agregué efectos a mi sideBar con MooTools. Este es el link del sidebar.
http://www.mootools.com.ar/mootools-y-mi-wordpress/efectos-en-sidebar-con-mootools/
Saludos.
[...] meses tenía la idea de meterle un poco de mano a Bootlog. Ya me tenía algo cansado el viejo template con la clásica estructura encajonada y además quería ver qué se traía entre manos la nueva [...]