NOVEDADES

« Atrás

DISPONIBLE. Portlets anidados

01/10/20

PORTLETS ANIDADOS

AYUDA. Portlets anidados

El portlet Portlets anidados se puede insertar en la página desde el botón Añadir de la barra de administración. Escribir en el buscador: anidados

Portlets anidados permite modificar la disposición de los portlets en una página con una Disposición de página preestablecida.

Ejemplo

- En la imagen la página tiene una Disposición del 100%.
- En la parte inferior hay un Publicador de noticias que ocupa en 100% del ancho de la página.
- Queremos insertar sobre este publicador dos portlets Visor de contenido web de forma que se vea cada uno en la mitad del ancho de la página, es decir, cada uno al 50% del ancho.
- Insertamos un Portlets anidados. Vamos a Configuración del portlet y seleccionamos 2 columnas (50%-50%).
- En el 50% de la izquierda se ha insertado un Visor de contenido web una imagen, el sello de Leer.es. En el 50% de la derecha se ha insertado un timeline de Twitter.
- El Publicador que está debajo está fuera de la anidación, es decir, está al 100% del ancho de página.
- En la vista de móvil se verá primero el portlet anidado de la izquierda, luego el de la derecha y, finalmente, el publicador.

NOTAS

Para que todo se reconstruya automáticamente en la vista de móvil es recomendable que los elementos gráficos y multimedia se inserten con el ancho a porcentaje, no a píxeles.

- Puede ocurrir que el recuadro negro de configuración de Portlets anidados y el del Visor o Publicador anidado se superpongan y sea difícil acceder al que queda debajo. Se puede cambiar el zoom de la vista para facilitar el acceso a ambos.

- Por una limitación de la plantilla generald el sitio, para garantizar que se pueda hacer la anidación sin problemas se recomienda utiizar disposiciones de poágina del 100% o, si se quiera una página con menú lateral, usar la disposición 70/30.
 

Cómo se coloca el portlet que se quiere anidar

Para colocar un portlet en su posición anidada basta con arrastarlo hasta que aparezca una línea azul que marca la posición; en ese momento se suelta el ratón y el portlet queda en su posición anidada:

Porlets anidados. Ubicación del portlet que se quiere anidar