Documentación

¿Por qué migrarse a GXportal 6.0?

Tabla de contenidos

¿Qué debe saber antes de comenzar a construir su sitio?

Con GXportal hay muchas formas de construir un sitio. A continuación se describen elementos importantes a utilizar para que su sitio se arme aplicando buenas prácticas y logrando una construcción y mantenimiento más sencillo.
 

Carpetas

Las carpetas se usan para agrupar páginas. 

Las carpetas se crean a través de la opción Diseño > Mapa del Sitio.

Se crean con diferentes fines:
  • Mantener ordenado el sitio
  • Representar la estructura del sitio. Pueden haber carpetas y subcarpetas con todos los niveles de anidamiento que se precisen. Las carpetas pueden estar representadas en la URL o no. (leer ¿Cómo se arman las URLs?)
  • Agrupar páginas con diseño común (leer Página maestra)
  • Segmentación de la seguridad

Ejemplo 1: Un sitio de noticias que agrupa su sitio por temática tiene las siguientes carpetas:
  • Economía
  • Política
  • Policiales
  • Deportes
  • Ocio

Dentro de la carpeta Ocio están las carpetas:
  • Cartelera
  • Recetas
  • Actividades culturales

Ejemplo 2: Una universidad tiene diferentes facultades y cada facultad tiene un diseño diferente. El sitio tiene las siguientes carpetas:
  • Arquitectura
  • Comunicación
  • Diseño
  • Economía
  • Ingeniería

 

Página maestra

El diseño común a un conjunto de páginas se define en una página maestra.

Para definir una página maestra se crea una página y luego a través de la opción Mapa del Sitio se selecciona la página y a través de la opción Más acciones > Establecer como maestra se asigna como página maestra de la carpeta.

Cada página del sitio puede heredar el diseño completo de la página maestra, parte del mismo o no heredar.
Para indicar si una página hereda o no hereda de la página maestra, a través del diseñador de páginas, en las propiedades de la página, se asigna a la propiedad: Heredar página maestra el valor: Si o No.



Si se indica que una página hereda de la página maestra, inicialmente estará heredando todo de la misma. Se puede desactivar la herencia a nivel de región (leer ¿Cómo se diseña una página?)

Ejemplo 1: Un sitio tiene las siguientes páginas:










Lo que tienen en común las páginas del sitio es el cabezal y pie de página, por lo tanto la página maestra correspondiente a esas páginas tendrá el siguiente diseño:
 

El área central varía en cada página.


Herencia

Las páginas que están en una subcarpeta heredan de la página maestra de la subcarpeta en caso de tenerla. En caso contrario, podrán heredar de la página maestra de su carpeta padre y así hasta llegar al dominio del sitio.
 

Matrices

Cuando las páginas de su sitio tienen áreas con patrones iguales, utilizar matrices le facilitará su armado y mantenimiento.
Una matriz puede contener las regiones y bloques que necesite.


Puede crear una matriz de dos formas:
  • A través de la opción Diseño > Matrices crea la matriz y luego a través del diseñador de páginas la agrega en las páginas que corresponda
  • A través del Diseñador de páginas > Esquema > Nuevo sector > Matrices > Nuevo crea la matriz y al mismo tiempo la agrega en la página actual

Los cambios que realice en una matriz se reflejarán en todas las páginas donde se esté utilizando la misma.
 

Identificando matrices

Suponga que quiere armar las siguientes páginas en su sitio:
 
     
Página 1   Página 2     Página 3

Algunas de las matrices que sería recomendable crear son las siguientes:

1)
 
       

Esta matriz contiene una única región, con un bloque “Texto” y un bloque “Imagen”.
En el bloque “Texto” se muestra el título del sector.

La matriz se verá así:
 

2)
 
     

Esta matriz contiene una única región con un bloque “Lista de contenidos”
Se muestran tres contenidos horizontales. Para cada contenido se presenta su imagen, categoría, título y cuerpo.
Se muestra el título del sector, en algunos lugares será vacío.

La matriz se verá así:



Nota: Para armar una matriz se utiliza el diseñador de páginas. La forma de diseñar una matriz responsive es la misma que se utiliza para diseñar una página.
 

Estilos

Cuando un mismo tipo de bloque tiene igual estética en más de un lugar del sitio (dentro de la misma página ó en diferentes páginas), se recomienda definir un estilo para ese bloque y que los bloques utilicen el estilo definido. De esta forma, se centraliza el diseño en el estilo y los bloques heredan el diseño definido para el estilo. 
Todo cambio que se realice en el estilo, se verá reflejado en los bloques que lo estén utilizando.

Los estilos se definen a través de la opción Diseño > Estilos 
Se presentan todos los tipos de bloques disponibles, agrupados con el mismo criterio utilizado en el diálogo Agregar Bloque. También está disponible el grupo Diseño para definir estilos para las regiones, los sectores, los grupos de regiones, los grupos de sectores y cuerpo.

Ejemplo: Un sitio tiene las siguientes áreas:









Resulta de gran utilidad definir dos estilos de botones y para cada botón se indica el estilo que utiliza y el texto a mostrar. 
Dado que los dos estilos de botones tienen casi todas las propiedades iguales salvo el color de texto y color de fondo, aún más recomendable es que defina un estilo de botón con todas sus propiedades y otro estilo de botón hijo del anterior donde únicamente se indica lo que cambia con respecto al padre. De esta forma el estilo hijo hereda todas las propiedades de su padre menos las propiedades que se hayan específicamente asignado en el propio estilo.