![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-70.png)
Columnes
El bloc de columnes permet crear maquetacions amb múltiples columnes a l’area de contingut. Dins de cadascuna de les columnes es poden afegir tots els altres tipus de blocs.
Hi ha 6 tipus de distribucions de columnes diferents que contemplen la creació de dues o tres columnes:
![panell emergent d'inserció de columnes](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-71.png)
Seleccioneu la que més s’apropa a la distribució en columnes que desitgeu i posteriorment podeu afegir-ne d’addicionals, prement el botó + que apareix entre les columnes creades
![visualització del bloc columnes i el panell emergent amb les opcions de configuració](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-72.png)
En seleccionar una columna, a la barra lateral apreixen les opcions de configuració:
- amplada de la columna en píxels
- color del text i color de fons
![opcions addicionals de configuració del bloc columnes a la barra lateral](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-73.png)
Podeu seleccionar el conjunt de columnes al menú emergent d’opcions que apareix en seleccionar una columna.
![selecció de l'element pare al panell emergent del bloc columnes](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-74.png)
Això mostra a la barra lateral la configuració del grup de columnes:
- modificar el número de columnes,
- apilament de les columnes en dispositius de mida petita i
- canviar color de text i fons.
![opcions addicionals de configuració del bloc columnes a la barra lateral](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-75.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-76.png)
Grup
Aquest bloc permet agrupar blocs amb un contenidor amb disseny configurable a la barra lateral.
Fila
Aquest bloc permet arranjar blocs en fila.
En seleccionar-lo, apareixen les opcions d’arranjament dels elements que agrupa:
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-79.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-80.png)
I a la barra lateral es mostra la configuració de:
- justificació dels elements
- orientació horitzontal o vertical dels elements
![opcions de configuració addicionals del bloc fila a la barra lateral](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-77.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-81.png)
Pila
Aquest bloc permet arranjar els elements en una columna
Les opcions del bloc permenten modificar la justificació dels elements de la pila.
![opcions d'aliniament horitzontal dels elementss d'una pila](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-82.png)
A la barra lateral podem, a més, modificar l’orientació del fluxe dels elements de la pila
![opcions d'aliniament addicionals a la barra lteral del bloc pila](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-83.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/Captura-de-pantalla-2023-03-30-a-les-9.15.30.png)
Botons
Aquest bloc permet crear enllaços amb l’aspecte de botons.
El bloc de botons té dos nivells: cadascun dels botons i el contenidor de botons.
Quan seleccionem un dels botons, la barra d’eines ens permet:
- modificar l’estil del botó,
- la justificació,
- l’aliniament vertical i
- l’aliniament horitzontal
![panell emergent de configuració del bloc botons](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/Captura-de-pantalla-2023-03-30-a-les-9.05.51-1024x102.png)
A més, a la barra lateral podeu configurar
- l’amplada relativa del botó,
- l’arrodoniment del botó
![opcions de configuració addicionals del bloc botons a la barra lateral](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/Captura-de-pantalla-2023-03-30-a-les-9.09.46-364x1024.png)
El contenidor de botons permet les següents configuracions:
- justificació del llistat de botons
- orientació del llistat de botons
![opcions d'aliniament dels botons](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/Captura-de-pantalla-2023-03-30-a-les-9.14.23.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-85.png)
Separador
Aquest bloc insereix una línia que separa visualment continguts.
La configuració a la barra lateral permet seleccionar l’amplada del separador (predeterminada o bé l’amplada de la pàgina) o incloure tres punts com a separació.
![opcions de configuració del bloc separador a la barra lateral](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-86.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-87.png)
Salt de pàgina
Aquest bloc crea una divisió de la pàgina en dues. El contingut de la pàgina posterior a aquest bloc, es mostrarà en una altra pàgina, a la que es podrà accedir a través d’una navegació inferior que s’inclou de forma automàtica.
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-88-1024x320.png)
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-89.png)
Espaiador
Aquest bloc introdueix un espai en blanc que es pot regular manualment.
![](https://webs.uab.cat/edicio-web/wp-content/uploads/sites/31/2023/03/image-91.png)