Estructura de la página

Es importante organizar el contenido de una página para mantenerlo estructurado. Así, los visitantes también podrán encontrar más fácilmente lo que buscan.

Selección sencilla de columna o fila

El Constructor de Sitios web se compone de un encabezado (header), un pie de página (footer), filas y columnas. Cada widget que añada se colocará en una de estas secciones. Estos widgets a menudo ocupan el tamaño completo de una fila o columna, lo que dificulta su selección.

1. Para evitar esto, haga clic derecho en el widget dentro de la columna o fila que desea seleccionar.
2. Luego, elija la opción ‘Seleccionar contenedor’ y seleccione la Columna o Fila correspondiente.

Filas

Las filas son las secciones horizontales de su sitio. Cuando añade widgets y columnas a su sitio, se colocan dentro de estas filas.

Puede añadir filas a su sitio arrastrando widgets al mismo. Cuando arrastra un widget entre filas o a un espacio donde desea añadir una fila, se creará una nueva fila al soltar el widget.

Si desea eliminar una fila, haga clic derecho en cualquier parte de la fila para abrir el menú. Luego, haga clic en Eliminar. También puede abrir este menú haciendo clic en ‘Fila’ en la esquina superior izquierda.

¿Desea que el contenido en la vista móvil se muestre a la inversa? Primero, seleccione la vista móvil (para ello, haga clic en el icono del móvil en la parte superior). Luego, abra el menú de una fila específica haciendo clic derecho sobre ella. Active el ‘orden inverso de columnas’ para mostrar las columnas al revés en el móvil.

Columnas

Cada fila contiene al menos una columna. Las columnas contienen todos los widgets de su sitio y determinan su disposición.

Cada fila puede contener un máximo de cuatro columnas. Cada vez que añade una nueva columna, esta aparece junto a la columna existente en esa fila.

Aunque en escritorio y tableta cada fila puede contener un máximo de cuatro columnas, los sitios web móviles solo pueden mostrar un máximo de dos columnas una al lado de la otra.

Las columnas añadidas en la vista de escritorio o tableta ocupan el ancho completo de la página al cambiar a la vista móvil; para crear una nueva fila con dos columnas en la vista móvil, primero cambie a la vista móvil y luego añada un widget con dos columnas.

Si desea eliminar una columna, haga clic derecho en cualquier parte de la columna para abrir el menú y luego haga clic en Eliminar. O haga clic en la X roja en la esquina superior derecha de la columna.

Fila interior

Las filas interiores proporcionan flexibilidad adicional en el diseño, ya que puede dividir una columna de nuevo de esta manera. Usando filas interiores, puede variar el diseño de la columna manteniendo el diseño general de la fila (por ejemplo, fondo, espacio y desbordamiento).

Al igual que las filas normales, las filas interiores pueden tener su propio fondo y espacio. También se pueden dividir en un máximo de cuatro columnas y su orden de columnas se puede cambiar en el móvil. Las columnas en filas interiores pueden ser llenadas por cualquier widget.

Realice una de las siguientes acciones para añadir una fila interior a una columna:

1. Haga clic derecho en la fila y haga clic en Añadir fila interior. Si hay varias columnas en la fila, elija a qué columna desea añadir las filas interiores.

2. Haga clic derecho en la columna y haga clic en Añadir fila interior.

3. Haga clic derecho en la fila interior y haga clic en Añadir fila para colocar una fila interior debajo de la fila actual.

Widgets

Los widgets contienen el texto, imágenes, botones y otro contenido de su sitio. Puede añadir un widget arrastrándolo desde el menú lateral izquierdo.

Para eliminar un widget de su sitio, haga clic derecho en cualquier parte del widget para abrir el menú y luego haga clic en Eliminar. También puede hacer clic en la X roja en la esquina superior derecha del widget.

Si desea colocar widgets uno al lado del otro, debe añadir una columna adicional a la fila.