28 Julio, 2008

Una Nube de Tags es de los típicos recursos de la Web 2.0 para mostrar la taxonomía de un sitio, es visualmente atractivo, práctico y sencillo de incluir gracias a WordPress y el resto de sistema de publicación.

Pero ¿y si esa misma nube de tags fuera un elemento con movimiento, un toque de tecnología Flash que lo haga visualmente aún mas impactante?.

WP Cumulus es un plugin para WordPress que te permite hacer justamente eso; crear una nube de tags móvil, que gira y se mueve por defecto y cuando le acercas el cursor. Te ofrece la misma funcionalidad que la habitual nube de tags pero te aseguro que va a atraer la atención de tus lectores, no pasa desapercibida.

Descubrí este plugin revisando el código fuente de ClipSet y de ahí he visto que tanto Dolors Reig como Cristian Eslava ya habían hablado de esta pequeña maravilla, de WP Cumulus.

El plugin te ofrece un widget que puedes colocar en la barra lateral de tu blog, y dispone además de una página de configuración muy completa desde la que definir parámetros como los colores de enlaces y fondo, ancho y alto de la nube, velocidad de rotación y mas características.

No te lo pierdas, al menos pruébalo para disfrutar de su aspecto, es genial. Puedes ver lo bien que queda, y aprovechar para descargarlo, en la página del autor o aquí abajo mismo.

¿Te gustó este post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!

También te puede interesar:

cursos formación continua

    30 comentarios en “Nube de Tags Flash”

  1. pacog00 (14 comentarios) dijo:

    Muy interesante este plugin….

    Lo único que no me funciona es el cambio de color de fondo, ni con el modo transparente..

    La opción está perfectamente indicada en la configuración, pero ponga el color que ponga , no cambia…

    Seguiré probando

  2. Ishtar (30 comentarios) dijo:

    Que interesante! Voy a probar!

  3. Emiliano (54 comentarios) dijo:

    interesantísimo!… me dejará poner esta nube en una página en lugar de en un widgeet????? saludos

  4. Fernando Tellado (2335 comentarios) dijo:

    @Emiliano: por supuesto. Incluso incluye un widget el plugin para que sea mas fácil ponerla, y también tienes el código para incluirla en una página personalizada ;)

  5. Emiliano (54 comentarios) dijo:

    woowww… ya me pongo a investigar! voy a ver cómo hago…… Gracias Fer!

  6. Emiliano (54 comentarios) dijo:

    mmmm… nop… ni idea de cómo hacerlo… todavía soy 1/2 bruto con el inglés y 1/2 bruto con php… así que bruto total… vos sabes cómo hacer esa nube de tags en una página… algo de idea tengo porque en una oportunidad hice un “nube.php” que anda de pelos… pero si pudiera ser con flash… pfff… de mil perillas…

  7. Fernando Tellado (2335 comentarios) dijo:

    A ver, sigue este tutorial y le incluyes el código para mostrar la nube en la plantilla. Luego haces una página nueva con la plantilla, sin texto si quieres, y la publicas:

    http://ayudawordpress.com/crear-una-pagina-de-archivo/

    En vez del código para mostrar el archivo, como se indica en el post, pones el del plugin para mostrar la nube, como se indica en la página del autor del plugin, este:

    <?php wp_cumulus_insert(); ?>

    También lo puedes hacer por la vía rápida incluyendo en cualquier página o post esto:

    [WP-CUMULUS]

  8. Emiliano (54 comentarios) dijo:

    Capo TOTAL…

  9. Morgan (5 comentarios) dijo:

    Yo ya lo he puesto en el lateral del blog Masmoto. Funciona de coña. Eso sí, a ver si lo tuneo un poco, que se me esconde por los laterales… xD.

    ¡Muchas gracias Fernando por la aportación! Eres un crack.

  10. RevolucionPC (11 comentarios) dijo:

    Funciona bastante bién y es super fácil de configurar, sencillo y bonito…

    Gracias Fernando…

  11. Pitonizza (74 comentarios) dijo:

    Me quedó precioso, se integró de maravilla con el sidebar. Espero no deteriore el tiempo de carga, estoy paranoica con eso. Me encantaría saber como detectar que plugin pudiera ser el “culpable” de cualquier demora en la carga de la página.

  12. Fernando Tellado (2335 comentarios) dijo:

    Pitonizza, en tu caso no son plugins sino los widgets a cientos que tienes. Si usas Firefox instala el addon llamado Firebug y en el apartado Net te indica que tarda mas en cargar. En Safari y en Opera tienes una utilidad similar integrada. Mira esta serie de guías:

    http://ciberprensa.com/safari-inspector-web/

  13. Raúl (21 comentarios) dijo:

    Es una chulada

  14. Skavenger (104 comentarios) dijo:

    =o
    Buenisima la nube!

  15. [...] Nube de Tags Flash, via Ayuda Wordpress me entero de la existencia de un plugin muy particular para darle dinamismo a nuestro Wordpress. [...]

  16. Hola. Instalé el plugin pero no me aparece en la lista de plugins de mi blog. ¿Alguna sugerencia?

    Muchas Gracias!!!

  17. evcorreu (47 comentarios) dijo:

    yo lo habia visto con desconfianza, jejeje, ese miedo a lo desconocido creo, pero ya lo instale en un blog y funciona a las mil maravillas, ademas que se ve muy bien

    graciass

  18. Fernando Tellado (2335 comentarios) dijo:

    @Devil de Blogaldope: algo debes haber subido mal, no me lo explico. Lo he subido en varios blogs y va a la primera :roll:

  19. pacog00 (14 comentarios) dijo:

    A mi tambien me dio algún problema en su día, lo mejor es borrar el directorio del pluging completo y volver a subirlo.

    De esa forma ya funcionaba correctamente.

  20. [...] Nube de Tags Flash, via Ayuda Wordpress me entero de la existencia de un plugin muy particular para darle dinamismo a nuestro Wordpress. [...]

  21. javier (39 comentarios) dijo:

    no entiendo como funciona, me podrian explicar como usarlo?

  22. diego (46 comentarios) dijo:

    ola funciona de maravilla tambien en blogger, pero tengo un pekeño problema no se ve 1 tag :S sera porq es blogger???
    gracias por el post ta buenisimo

    shaopp

  23. Daniel (55 comentarios) dijo:

    Hola Fernando. El efecto visual es muy bueno ¿pero al ser flash no le quita utilidad para el posicionamiento en los buscadores?

  24. Daniel (55 comentarios) dijo:

    Hola Fernando, gracias por enviarme tu respuesta. Al parecer entendí mal un artículo que leí, sobre la importancia de la nube de tags. Según dices, la misma no tendría influencia alguna en el posicionamiento.

    Yo pensé que la nube de tags actuaba como un menú (con links simples) hacia las diferentes secciones del blog o del sitio web y por ende tenía su importancia en el posicionamiento.

  25. Miguel (98 comentarios) dijo:

    Hola,
    ¿Alguien sabe como podría personalizar el mensaje de error que aparece al usar un navegador web sin flash?

    Muchas Gracias por el aporte.

  26. Jack Bauer (1 comentarios) dijo:

    Le pregunta del millón:

    ¿Cómo puedo usar una nube de tags en una página html común y corriente?

    O sea: no en un wordpress, ni joomla, ni blogger, sinó en un html en blanco…. ¿se puede exportar la nube? ¿trasladar sin uso de iframes? ¿usar el flash en un html básico?

    thanx

  27. fxzabalam (3 comentarios) dijo:

    Hola Jack, yo también estaba intentando lo que tú dices y en una página me tope con esto, y funciona, solo tienes que pegar este código:

    var rnumber = Math.floor(Math.random()*9999999);
    var so = new SWFObject(“tagcloud.swf?r=”+rnumber, “tagcloudflash”, “600″, “450″, “9″, “#ffffff”);
    so.addParam(“AllowScriptAccess”, “always”);
    so.addParam(“wmode”, “transparent”);
    so.addVariable(“tcolor”, “0×004080″);
    so.addVariable(“tcolor2″, “0×88abec”);
    so.addVariable(“hicolor”, “0xff0000″);
    so.addVariable(“tspeed”, “100″);
    so.addVariable(“distr”, “true”);
    so.addVariable(“xmlpath”, “tagcloud.xml”);
    so.write(“flashcontent”);

  28. fxzabalam (3 comentarios) dijo:

    Perdon por el anterior comentario, aplaste el tab y se envio, retomando primero debes descargar el archivo swfobject.js y el tagcloud.swf una vez descargados ponemos este código:

    var rnumber = Math.floor(Math.random()*9999999);
    var so = new SWFObject(“tagcloud.swf?r=”+rnumber, “tagcloudflash”, “600″, “450″, “9″, “#ffffff”);
    so.addParam(“AllowScriptAccess”, “always”);
    so.addParam(“wmode”, “transparent”);
    so.addVariable(“tcolor”, “0×004080″);
    so.addVariable(“tcolor2″, “0×88abec”);
    so.addVariable(“hicolor”, “0xff0000″);
    so.addVariable(“tspeed”, “100″);
    so.addVariable(“distr”, “true”);
    so.addVariable(“xmlpath”, “tagcloud.xml”);
    so.write(“flashcontent”);

    Ahora si te fijas en esta parte so.addVariable(“xmlpath”, “tagcloud.xml”); llama a un archivo xml, en el cúal nosostros ponemos todos nuestros tags, lo que va ha salir en la nube, entonces tienes que crearte un archivo xml y poner lo siguiente:

    tag 1
    tag 2
    tag 3
    tag 4

    Todos los archivos (swfobject.js, tagcloud.swf, el html y el xml) van dentro de una misma carpeta y ya se ejcuta.

    El único problema que tengo es que cuando doy un click en cualquiera de los tags me da un error de seguridad de adobe y no me permite abrir los links a esos tags, si alguien sabe como arreglar eso y me puede ayudar, de antemano muchas gracias.

    Ya voy a ver de donde descarge esta información y luego les pongo para una mayor información.

  29. fxzabalam (3 comentarios) dijo:

    Por favor a todos disculpen mi ignorancia, no se muestra el código que quise poner especialmente el xml.

    Pero bueno aquí les dejo el link de la página en la que lei esto:

    http://www.roytanck.com/2008/05/19/how-to-repurpose-my-tag-cloud-flash-movie/

    Y aqui está el enlace a un ejmplo descargable:

    http://www.roytanck.com/wp-content/uploads/wp-cumulus-example.zip

Escribe un Comentario

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Comentarios adicionales gracias BackType

Subir

Anúnciese aquí
Expertos en WordPress
Evolución Euribor
Consigue 28 themes premium por menos de 14 euros
Participa en el Debate
  • RaveN: Gracias por el tip. Muy útil, sin duda :) Otro tip de cara a la velocidad de carga,...
  • luis: He puesto el fichero .htaccess tal y como se indica en esta web y nada sigue el spam igual...
  • MiriMiriChan: Genial!!! Que lo disfruten compatriotas!! Iría si no fuera de Pta.Arenas, me queda...
  • irismorenoroca: http://ayudawordpress.com/word camp-chile-2010/ Importante evento sobre Wordpress...
  • javiervb: Evitar HTML en los comentarios http://goo.gl/fb/ANEl #wordpress /via @fernandot Este...
Noticias Breves
  • Mucho hemos hablado de como asegurar WordPress pero cuando uno de mis blogs de cabecera en seguridad informática: Security by default, hace recomendaciones lo menos es tomarlas en cuenta. Personalmente me ha interesado mucho Plecost, que no conocía y que, además de hacer fingerprinting de la base de Wordpress que disponemos, reconoce los plugins y sus versiones y es capaz de mostrarnos vulnerabilidades con enlaces CVE incluidas en caso de encontrar algún plugin vulnerable. Interesantísimo.

    [#8]

  • Donncha anunció la disponibilidad la versión 2.9.2 de WordPress MU, con solución a todos los fallos encontrados desde la última actualización. Esta versión, salvo necesidad, será la última versión de WordPress MU, ahora que WordPress 3.0 integrará ambas plataformas, ofreciendo la posibilidad de montar sistemas multiusuario a voluntad.

    [#9]

  • BuddyPress 1.2 está prácticamente lista para lanzarse salvo que las pruebas de los usuarios digan lo contrario. Ya puedes descargarla y empezar a comprobarla (enlace al svn). En esta nueva versión se han cerrado más de 125 tickets desde la última beta.

    [#3]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H