Joomla: Añadir contenidos multimedia en los artículos sin plug-in

El proyecto de Joomla tiene detrás de si una gran comunidad que nos ofrece múltiples soluciones para mejorar la funcionalidad de nuestra web con Joomla, gracias a la instalación en nuestra web de determinados plug-in o extensiones. Y para añadir contenidos multimedia a los artículos de nuestra web, existen muy diversos componentes, que nos permiten "incrustar" o "embeber" recursos alojados en otros servicios externos, como por ejemplo, Youtube, Slideshare, Picasa, Google Maps, etc.
Pero el abuso de éstos componentes, nos puede ocasionar algunos problemas, principalmente:
  • Necesitamos estar pendientes de nuevas versiones para evitar problemas de seguridad en la web.
  • Cuando realicemos una migración entre versiones de Joomla (1.5 a 1.6) probablemente no consigamos que funcionen éstos componentes, de manera que nuestros artículos perderán parte de su contenido.
Por contra, éste tipo de componentes facilitan a los usuarios de nuestra web la inserción de diversos contenidos multimedia.
Es por ello, que el administrador de la web, es el que tiene que tomar la decisión de como proceder: usar plug-in o insertar código HTML.
Vamos a suponer que optamos por la segunda opción: ésto nos permite poder añadir gran cantidad de contenidos multimedia mediante el mismo procedimiento, basado en aprovechar el código HTML que nos ofrece gran cantidad de espacios de la Web 2.0.
Antes de empezar...
Para asegurar el correcto funcionamento de éste método, necesitamos que nuestro Joomla tenga un editor de textos adecuado. Mi recomendación es utilizar JCE, que anteriormente ya hemos instalado y configurado. Y no utilizaremos el icono que tiene para modificar el código HTML, si no que procederemos a ocultarlo por completo haciendo clic en show/hide. Con ésta opción, podemos ocultar el editor y se nos muestra todo el código HTML.


El uso de la opción "mostrar código" de cualquiera de los editores que se usan en Joomla, generalmente "filtran" las etiquetas HTML y no conseguiremos mostrar el recurso a añadir.
Otra posibilidad, aunque más engorrosa, consiste en desactivar el editor de textos justo antes de editar el artículo, de manera que se nos mostrará el artículo sin editor (igual que con JCE al pulsar en show/hide). Para desactivar el editor, hay que ir al gestor de usuarios, abrir nuestro usuario y escoger "No editor" en el selector de editor de textos.


Como añadir el recurso...
Vamos a proceder a crear una nuevo artículo desde el Front-End de mi web. El texto lo iré formateando con el uso de mi editor, JCE, y dejaré unas marcas en las que posteriormente añadir algunos objetos multimedia externos: un vídeo de youtube y una presentación de slideshare.
Las marcas consisten en unos caracteres que luego pueda claramente visualizar dentro del código HTML, cuando ocultemos el editor. Para ejemplo, empleo XXX para el vídeo y ZZZ para la presentación.






Una vez completado el texto, y las marcas añadidas, es momento de ocultar el editor (show/hide) y sustituir las marcas por el código adecuado.


Antes de nada, vamos a youtube, concretamente a la página donde se visualice el vídeo a incrustar. Al pié del reproductor, hay un botón llamado "insertar". Hacemo clic y se nos despliega el menú de inserción. El código HTML a copiar nos aparece ya seleccionado. Lo copiamos y pegamos en nuestro artículo, sustituyéndolo por la marca XXX.





De igual manera procederemos para insertar la presentación de SlideShare. Desde la página en la que se encuentre la presentación a insertar, clic sobre "<>embed" y copiamos el código HTML que sustituiremos por la marca "ZZZ".




El resultado será un artículo que lleva incluidos dos objetos multimedia: vídeo y presentación.
De igual manera podemos proceder para insertar otros objetos:
  • Visor de imágenes de picasa.
  • Documento de Google Docs.
  • Calendario/Agenda de Google Calendar.
  • Mapa de Google Maps.
  • Presentación de PhotoPeach.
  • Podcast de Chirbit
  • Etc.... 

3 comentarios:

Adelafuente dijo...

Gracias Antonio, muy útiles todos tus trucos y manuales.
Hasta hoy siempre tenía que desactivar el editor para incrustar código, con la pérdida de tiempo que eso suponía.

Un cordial saludo.

antoniogarrido.es dijo...

Lo mismo que me pasaba a mí hasta que descubrí las funcionalidades de JCE

valentin gonzalo dijo...

Gracias, me has ayudado mucho (http://shotokangevora.nixiweb.com/)