PERSONALIZAR MÓDULO: INSERTAR VÍDEO DE YOUTUBE

    Hoy vas a poder aprender a personalizar tus módulos en Joomla 1.5; es muy fácil hacer que en un módulo se muestre lo que te interese... Aunque en próximos manuales insistiré en el tema, hoy vamos a ver la forma de insertar un vídeo (de Youtube en este caso), mediante unos sencillos pasos que te explicaré.    Podrás observar que para la inserción del módulo tan sólo necesitaremos obtener un código que insertaremos de forma simple a través del editor de Joomla 1.5 (en el ejemplo estoy usando JCE).

EL PRIMER PASO: OBTENER EL CÓDIGO DEL VÍDEO

    Efectivamente, lo primero que haremos es obtener el código que nos facilitará Youtube; para ello entramos en la página y buscamos el vídeo que nos interesa. En este ejemplo, elijo uno al azar:

    • Fíjate que en la parte inferior del vídeo existe una apartado <Insertar>, picamos sobre él:

    • Nos mostrará una ventanita con el código HTML que necesitaremos para que el vídeo quede embebido en nuestro módulo. Tenemos que copiar este código (picendo dentro de la ventanita quedará seleccionado, ahora con botón derecho del ratón (o mediante <Control> + C) lo copiamos y luego pegamos en el bloc de notas, por ejemplo.

CREAMOS EL NUEVO MÓDULO EN JOOMLA 1.5

    Ahora entramos como administrador en nuestro Panel de Joomla 1.5 y nos iremos a:

    • Lógicamente, entraremos en el Gestor de módulos picando en el apartado que te indico, para ir a:

    • En el Gestor de módulos, tendremos que picar sobre Nuevo, pues de eso se trata, de crear un nuevo módulo:

    • De entre las muchas opciones que se nos ofrecen, tenemos que ir a la de Personalizar HTML (ver imagen de arriba); nos envía a:

    • En la parte superior --como en cualquier módulo nuevo--, rellenamos los apartados de Título, Habilitar el módulo, si queremos que se muestre o no el título, la posición donde queremos colocarlo (yo le indico a la izquierda "left"), y finalmente en que apartados lo queremos colocar (yo lo indico que solamente lo muestre en la página Inicio). Hecho esto, bajamos a la parte inferior:

INSERTAR EL CÓDIGO HTML DEL VÍDEO

    • Como vamos a insertar códiho HTML personalizado, tenemos que picar sobre [show/hide] para pasar al modo código.    NOTA: Si en vez de trabajar en JCE, lo haces con el editor predeterminado (TinyMCE), irías al apartado html que verás entre los iconos.     • En el ejemplo, aparecería:

 

    • Desaparecen los iconos del editor, y aparece un espacio en blanco (Salida personalizada) donde "pegamos" el código que obtuvimos en Youtube. En este código tan sólo tienes que cambiar el ancho y alto que quieres que tenga el vídeo ("width" y "height" respectivamente). En mi caso le coloco un ancho de 180 px. y un alto de 140 px. como puedes ver arriba. Guardamos el módulo ahora:

    • Ahora sólo nos falta situarlo en la posición que queramos (dentro de los módulos de la izquierda); en el ejemplo "lo subo" a la 5ª posición, como puedes ver en la imagen de arriba...

    ¡¡ Y listo !!; si hemos hecho todos los pasos correctamente, ya podremos ir a nuestra web y comprobar que funciona:

 

    ** Es así de sencillo... Por supuesto, si se tratase de cualquier otro vídeo alojado en otro servidor, los pasos serían exactamente los mismos; tan sólo se trata de obtener el código que facilitan para insertar cualquier vídeo y seguir lo que te he explicado en este manual para aprender Joomla 1.5.

 

COLOCAR FLASH EN UN ARTÍCULO, EN JOOMLA 1.5

    He recibido alguna consulta de usuarios de esta web, acerca de la colocación de presentaciones en flash ( .swf ); me dicen que lo han intentado y no han sido capaces de colocar dicha presentación en su artículo, apareciéndoles mensajes de error (o no apareciendo nada al publicarlo en la web).

    Por supuesto que se puede colocar una presentación flash en Joomla 1.5; el único problema es que habrá que tener en cuenta una serie de pasos que voy a tratar de explicarte para que a partir de ahora seas capaz de colocar una o varias presentaciones en tus artículos.

    Veamos paso a paso todo lo que debes tener en cuenta para lograrlo con éxito...

ANTES DE NADA, DEBES HACER ESTO

    Lo primero que debes hacer es descargarte este archivo con el código para poder colocar flash en tu artículo. Se trata de un simple archivo de texto para que lo abras y puedas "Copiar - Pegar" dentro de tu artículo, según vamos a ver en este manual.    El archivo una vez lo abras, contiene este código:

 

    Lo segundo que tendrás que hacer es irte por FTP a tu servidor (si lo haces en local, ya sabes que tendrás que ir a: "htdocs/nombretuweb") y dentro de /images/stories deberás crear una nueva carpeta (a la que llamas como quieras, por ejemplo flash). Dentro de esta deberás cargar el archivo flash que quieres colocar en tu artículo, por ejemplo supongamos que le llamas "galeria.swf".    De esta forma, la ruta de tu archivo flash sería: /images/stories/flash/galeria.swf (en local sería también esta misma ruta). 

    Ya tienes --en teoría-- lo necesario para colocar tu presentación flash en el artículo de Joomla 1.5, pero...

EL PRIMER INTENTO DE PONER FLASH EN EL ARTÍCULO NO FUNCIONA

    Entras en tu Panel de administrador, crear un nuevo artículo y cuando te colocas en el lugar de dicho artículo en el que tratas de poner el código adecuado para poner ahí tu presentación, no te lo permite.    Has leído por ahí que debe trabajarse en HTML (sin el editor) así que:

 

    • Desactivas la forma de edición (picando en [show/hide] para insertarlo de esta forma:

    • Ahora estás ante el mismo artículo que estabas creando, pero en modo código; así que en el lugar que te indico te sitúas e introduces el código para que tu presentación flash puede aparecer en dicho artículo:

    • El nombre del archivo de flash (en el ejemplo recuerda que es galeria.swf) aparecerá siempre en dos sitios dentro de ese código. Pero recuerda que no puedes colocar dicho nombre así, sino que tienes que usar la "ruta relativa" para llegar al mismo:

    • Todo correcto, hemos cambiado la ruta para que Joomla encuentre el archivo de flash. Una vez hecho esto, puede ocurrirte que una vez guardes el artículo y sea publicado, vayas a tu web y siga sin aparecer esa presentación...

    No siempre ocurrirá así (Joomla parece caprochoso...), y podría ser que hayas conseguido que tu presentación ya se vea en tu artículo. Pero hay muchas probabilidades de que como te dije NO SE VEA LA PRESENTACIÓN FLASH.

    Para evitarse problemas y asegurarnos de que SIEMPRE va a funcionar...

 

 

FORMA SEGURA PARA QUE UNA PRESENTACIÓN FLASH FUNCIONE SIEMPRE

    El problema de algunos fallos radica en el editor de texto, ya sea el predeterminado TinyMCE de Joomla 1.5 o JCE (que es el caso del ejemplo). Estos tienen algunas restricciones que impiden a Joomla mostrar una presentación Flash correctamente.    Así que para asegurarnos de que no habrá fallos, hacemos lo siguiente:

 

    • Entraremos en el Gestor de usuarios desde nuestro Panel de Joomla 1.5:

    • Entramos en el usuario admin (picando sobre el nombre como ves):

    • Verás que en Editor del usuario, tiene colocado como predeterminado Editor - JCE 1.5.6 (o Editor - TinyMCE si no has instalado JCE). Bien, pues se trata de quitárselo y colocarle con Editor - No Editor.

    • Ahora volvemos al artículo que teníamos guardado (o creamos uno nuevo si no lo teníamos creado aún), y en el lugar que queramos, dentro del artículo:

    • Fíjate que ya no aparece el Editor; por tanto, sería interesante haber creado y guardado ya previamente el artículo con nuestro editor normal (JCE o TinyMCE) y ahora, abrirlo ya sin el editor, para que sólo tengamos que introducir el código para mostrar flash.

    UN TRUCO: Yo lo que hago es que creo el artículo normalmente con JCE, y en el lugar exacto donde quiero que aparezca la presentación flash, escribo algo que destaque (por ejemplo: FLASH VA AQUÍ) para que ahora ya sin editor, sepa exactamente dónde colocar dicho código. De esta forma, cuando ahora veamos tanto código (sobre todo si es un artículo largo), será fácil buscar dónde aparece FLASH VA AQUI y colocarnos en ese punto.

    Bueno, pues ya sin editor, situados en el lugar correcto, no tendríamos más que colocar el código y ajustar la ruta del archivo ".swf" a nuestras necesidades, como en este ejemplo:

    • Una vez hayamos acabado, procedemos a Guardar nuestro artículo.

 

 

COMPROBAR SI APARECE YA FLASH EN NUESTRO ARTÍCULO

    Y llega la hora de comprobar su nuestro trabajo ha funcionado; para ello con nuestro navegador vamos a nuestra web y veremos ya el artículo y por supuesto, nuestra presentación:

    • Picamos sobre la flecha del centro para arrancar la película, comprobando que funciona:

    NO OLVIDARSE ...

    • Tras comprobar que todo funcione correctamente, NO DEBEMOS OLVIDAR el volver a asignar el editor de texto que tuviese el Administrador. Para ello seguimos los mismos pasos explicados para ir a Usuarios, y a admin le volvemos a colocar su editor:

    De esta forma tan sencilla, has aprendido a insertar Flash (.swf) en tus artículos de Joomla 1.5, se acabaron tus problemas con Flash...

    RESUMEN DE TAREAS:

Tener preparado el código para insertar flash (tienes al principio el enlace para descargarlo), Tener preparado el archivo .swf de la película de flash que quieres insertar, Crear una carpeta en tu sistema de archivos Joomla 1.5; la carpeta sería:  /images/stories/micarpeta Crear el artículo completo normalmente (sin el flash aún) y Guardar. Coloca una señal en al artículo, donde vaya flash (ver Truco), Quitar el editor de texto al usuario admin (dejarlo con No Editor), Volver a abrir el artículo --ya sin el editor-- e introducir el código y ajustar en el mismo la ruta real de acceso al archivo flash, Guardar de nuevo el artículo y examinarlo ya en nuestra web para ver que todo funcione NO OLVIDARSE si todo funcionó, de volver a colocarle a admin el editor normal (JCE o TinyMCE).

   POR SUPUESTO:    ** Podremos colocar más de una presentación flash dentro de un artículo. No habría más que colocar el código que ya conoces en los demás lugares de ese artículo, colocando en cada caso la ruta al archivo correspondiente (que debes tener subido(s) a la carpeta de tu servidor que creaste).

   ** Podremos también cambiar el tamaño de la presentación; verás que en dos lugares en el código que te descargaste, existen los apartados llamados width="640" height="498". Será aquí (no olvides que tienes que hacerlo en dos lugares del código) donde sólo tienes que cambiar las cifras del ancho y alto para hacer que se visualice más o menos grande la presentación flash.

    Esto es todo, supongo que a partir de hoy ya no tendrás más problemas con tus presentaciones flash dentro de artículos en Joomla 1.5