{jcomments on}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.