Activa JavaScript para disfrutar de los vídeos de la Mediateca.
WebCentro Pestañas en el Agregador
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
¿Cómo conseguir algo como esto?
00:00:00
Bueno, vamos a ver aquí cómo conseguir algo como esto.
00:00:06
Yo aquí en mi página de servicios tengo cada uno de los servicios que oferta mi centro recogido en este componente que tiene aquí tres pestañas.
00:00:10
Una primera pestaña de comedor escolar, una segunda pestaña de medicina escolar y una tercera pestaña de horario ampliado.
00:00:21
Para montar esto lo único que necesito es un agregador de contenidos. Este componente de servicios es un agregador de contenidos que tiene tres pestañas. Cada una de las pestañas muestra un contenido distinto.
00:00:30
Así que lo primero que necesito es crear los tres contenidos que quiero mostrar en cada una de mis pestañas.
00:00:47
Si voy a la página de servicios que quiero configurar, como hemos dicho, lo primero que tenemos que hacer es en Administración, Administrador de contenidos, crear desde aquí a través de nuevo contenido libre, que es lo que vamos a usar prácticamente siempre,
00:00:56
tres contenidos que son el de horario ampliado, el de comedor y el de medicina escolar.
00:01:15
Bien, una vez que tengo los tres contenidos ya creados, ahora tengo que añadir el agregador
00:01:23
de contenidos pulsando aquí en el botón de añadir, agregador de contenidos.
00:01:29
Ya lo tengo aquí, vamos a activar los controles de edición.
00:01:35
Lo que vamos a hacer va a ser venirnos aquí a la rueda de tuerca al apartado de configuración y lo que vamos a crear son filtros. Cada una de las pestañas que hemos visto de horario ampliado, medicina escolar y comedor se corresponde con un nuevo filtro.
00:01:39
Yo puedo tener filtros manuales de manera que puedo seleccionar los contenidos que se muestren en esa pestaña de manera manual o bien un filtro automático en el que puedo definir una búsqueda en función de distintos criterios y conseguir que esa pestaña muestre todos los contenidos que cumplan con esa búsqueda.
00:01:59
En nuestro caso vamos a hacer filtros manuales. Añadimos un nuevo filtro manual y a través de Añadir contenidos, por ejemplo, selecciono el contenido del comedor. Pulso y seleccionar. Le voy a llamar Comedor y Guardar.
00:02:18
Muy bien, si voy a salir, aquí ya veo que en el apartado de filtros tengo un filtro que se llama comedor.
00:02:39
Vamos a añadir un nuevo filtro, vamos a añadir el contenido, por ejemplo, de medicina y le ponemos de nombre medicina escolar y guardar, salir.
00:02:47
Ahora mismo ya tengo dos filtros, el de comedor y el de medicina. Ahora me faltaría un tercer filtro. Cojo el contenido de horario ampliado y le pongo como título horario ampliado y guardar.
00:03:06
Bien, ya tengo mis tres filtros. Estos filtros yo los puedo mover de sitio sin más que pulsar y arrastrar y al final lo dejo colocado como mejor me interese.
00:03:26
Una vez configurado, ya puedo finalizar aquí y voy a ocultar los controles.
00:03:46
Ya estoy viendo aquí un agregador de contenidos que tiene las tres pestañas con el título de cada uno de los filtros que he añadido.
00:03:55
Comedor, horario ampliado, medicina escolar.
00:04:05
Bien, ahora ya aquí le puedo poner el título que yo quiera, servicios, por ejemplo, y ya estaría.
00:04:08
Puedo venir por aquí a la opción de configuración y puedo decidir cómo quiero configurar este agregador o estas pestañas.
00:04:18
puedo usar por ejemplo el aspecto puedo ponerlo en horizontal que es como está o
00:04:29
puedo configurar un aspecto vertical le haría finalizar y lo que vería aquí son
00:04:37
las pestañas voy a ocultar los controles las pestañas realmente las estaría
00:04:43
viendo aquí a la derecha en una especie de menú
00:04:48
lateral. Voy a volver a dejarlo en formato pestaña, que me gusta más, finalizar y ya estaría.
00:04:53
- Subido por:
- tic.ismie
- Licencia:
- Reconocimiento - Compartir igual
- Visualizaciones:
- 209
- Fecha:
- 24 de febrero de 2019 - 22:42
- Visibilidad:
- URL
- Centro:
- Sin centro asignado
- Duración:
- 05′ 17″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 180.48 MBytes