1 00:00:00,940 --> 00:00:12,019 Vamos a crear un efecto en el que consigamos que al hacer clic en el enlace que tenemos en un portlet de una página, en la derecha parezca que se abra el contenido de otro portlet. 2 00:00:12,500 --> 00:00:19,219 Entonces, lo primero que vamos a hacer es crear dos páginas. La primera ya la tenemos, que es la página de inicio. 3 00:00:19,219 --> 00:00:28,420 Y vamos a crear dentro de esta página de inicio una subpágina a la que yo voy a llamar subpágina 1. 4 00:00:28,420 --> 00:00:33,520 Vamos a configurar la subpágina a dos columnas, 550 5 00:00:33,520 --> 00:00:40,000 Y nos vamos a asegurar de que nuestra página de inicio también esté configurada de la misma forma 6 00:00:40,000 --> 00:00:48,030 Efectivamente así lo es 7 00:00:48,030 --> 00:00:50,390 Entonces ya tenemos la primera parte 8 00:00:50,390 --> 00:00:52,509 Vamos a hacer una cosa 9 00:00:52,509 --> 00:00:58,229 Vamos a apuntarnos en un bloc de notas la dirección de nuestra página de inicio 10 00:00:58,229 --> 00:00:59,549 Para tener todo a mano 11 00:00:59,549 --> 00:01:01,829 Y también la dirección de nuestra subpágina 12 00:01:05,519 --> 00:01:10,180 Ahora que ya las tenemos, como no nos interesa que esta subpágina esté visible, la vamos a ocultar. 13 00:01:11,340 --> 00:01:21,260 Entonces vamos a ir a Administración, Páginas y esta subpágina la vamos a ocultar en el menú de navegación. 14 00:01:26,159 --> 00:01:28,480 Vale, de momento ya tenemos las dos páginas que necesitábamos. 15 00:01:29,319 --> 00:01:32,260 Obviamente ahora la subpágina 1 que hemos creado no está visible. 16 00:01:33,400 --> 00:01:38,060 En Administración, Administrador de Contenidos, yo tengo ya creados dos contenidos. 17 00:01:38,459 --> 00:01:40,299 Son muy sencillos, no tienen ningún misterio. 18 00:01:40,299 --> 00:01:56,700 El portlet cerrado, que simplemente es un contenido en el que dice el contenido de este portlet está oculto, haz clic en el texto a la izquierda para visualizarlo y el portlet abierto, que dice portlet abierto, disfruta del contenido y aquí tenemos un vídeo de YouTube que está incrustado. 19 00:01:56,700 --> 00:02:03,700 entonces vamos a crear el contenido que realmente necesitamos de nuevo administrador de contenidos 20 00:02:03,700 --> 00:02:15,939 un contenido libre y a este contenido lo vamos a llamar por ejemplo un contenido para abrir y 21 00:02:15,939 --> 00:02:24,259 cerrar por led el nombre es indiferente puedes el nombre que quieras y aquí vamos a hacer un 22 00:02:24,259 --> 00:02:31,979 enlace que sea, por ejemplo, abrir potlet y otro que sea cerrar potlet. Entonces, ¿qué 23 00:02:31,979 --> 00:02:39,979 es lo que va a suceder? Al abrir el potlet nos va a llevar a la subpágina 1. En esa subpágina 24 00:02:39,979 --> 00:02:45,560 1 nosotros vamos a meter el potlet abierto. Entonces simplemente insertamos un hipervínculo, 25 00:02:46,460 --> 00:02:52,819 cogemos la subpágina 1, la ponemos aquí y le vamos a decir que lo abra en la misma ventana, 26 00:02:52,819 --> 00:02:55,759 Que no nos cree otra ventana porque entonces el efecto se va a perder. 27 00:02:57,000 --> 00:03:05,539 Y aquí en cerrar portlet insertamos otro hipervínculo que nos devuelva a la página inicial, a la página de inicio. 28 00:03:08,199 --> 00:03:09,120 Vale, entonces ya lo tenemos. 29 00:03:09,719 --> 00:03:15,990 Vamos a publicar el contenido y nos vamos a ir a nuestra página de inicio. 30 00:03:16,889 --> 00:03:20,229 Entonces aquí, añadir agregador de contenidos. 31 00:03:21,409 --> 00:03:27,530 Aquí a la izquierda vamos a meter este contenido, el contenido para abrir y cerrar portlets. 32 00:03:31,009 --> 00:03:38,210 Aquí lo tenemos. Bueno, podemos, como siempre, quitar este título que en este caso creo que es totalmente innecesario. 33 00:03:42,620 --> 00:03:50,120 Aquí lo tenemos. Entonces, si yo le doy a abrir portlet, bueno, fíjate que estamos aquí en la página de inicio, ¿vale? 34 00:03:50,759 --> 00:03:57,319 Si yo le doy a abrir portlet, me va a llevar a mi subpágina 1. En mi subpágina 1 yo quiero que aquí esté el mismo contenido. 35 00:03:57,319 --> 00:04:11,060 Entonces de nuevo, añadir agregador de contenidos, habilitamos los controles, seleccionar contenidos e inserto el mismo contenido. 36 00:04:11,479 --> 00:04:21,920 Ya ves que no he duplicado ningún contenido, el contenido es el mismo que lo tengo en mi página de inicio, en esta página de inicio lo tengo 37 00:04:21,920 --> 00:04:29,899 y al dar aquí, al abrir portlet que nos lleva, es un hipervínculo que nos lleva a la subpágina 1, vuelvo a tener el mismo contenido. 38 00:04:30,439 --> 00:04:36,060 Entonces ya al darle a cerrar portlet nos vuelve a llevar a home, ¿vale? A la página de inicio. 39 00:04:36,480 --> 00:04:40,100 Entonces ya simplemente tengo que configurar este otro contenido aquí. 40 00:04:41,899 --> 00:04:49,920 Cuando estoy en la página de inicio quiero que me muestre el portlet que nosotros hemos llamado cerrado, ¿vale? 41 00:04:49,920 --> 00:05:01,449 Entonces esto es lo que queremos y queremos que al abrir el portlet, es decir, cuando estemos en la subpágina 1, nos muestre el portlet abierto. 42 00:05:02,850 --> 00:05:09,350 Nosotros lo llamamos portlet abierto y cerrado, pero realmente son dos contenidos totalmente diferentes. Es la nomenclatura que nosotros le hemos dado. 43 00:05:11,550 --> 00:05:17,689 Entonces con esto ya tendríamos el efecto logrado. Voy a ocultar los controles para que lo veas más claramente. 44 00:05:17,689 --> 00:05:27,949 En nuestra página de inicio, aquí, tenemos este contenido en el que tenemos dos hipervínculos y aquí al que hemos llamado el portlet cerrado. 45 00:05:28,250 --> 00:05:40,310 Si yo le doy a abrir portlet, me va a llevar a la subpágina 1. ¿Y qué tengo en la subpágina 1? Tengo esto exactamente igual, pero esto lo tengo, tengo otro contenido diferente, 46 00:05:40,310 --> 00:05:50,329 que es al que hemos llamado el portlet abierto. Si le doy a cerrar portlet me va a devolver de nuevo a la página de inicio que es donde tenía el otro contenido que es el portlet cerrado. 47 00:05:51,449 --> 00:06:01,410 Entonces con este efecto parece que estamos abriendo este portlet pero realmente lo que estamos haciendo es cambiar de la página de inicio a la subpágina 1 que como ves ahora está oculta.