...
Une fois que tout est correctement défini, la page peut être publiée en définissant le sur actif
...
Ajouter des blocs/colonnes
Voulez-vous ajouter des images ou du texte avec une structure en colonnes ? Cela peut être fait via l'option « Ajouter un nouveau bloc ». Quelques options vous seront immédiatement proposées ici
...
Ajouter un nouveau bloc (sans colonnes)
Ajouter un nouveau bloc (2 colonnes)
Ajouter un nouveau bloc (3 colonnes)
Ajouter un nouveau bloc (4 colonnes)
Ces blocs de texte suivent la grille de 12 colonnes du site Web. Toute personne ayant des connaissances en HTML peut reconnaître le système à 12 grilles de Bootstrap. (https://getbootstrap.com/docs/4.0/layout/grid/ ).
Mais vous n'avez pas du tout besoin de suivre un cours HTML pour pouvoir travailler avec cela. Nous essayons de l'expliquer de manière claire et concise.
La mise en page d'une page Web est souvent alignée sur une structure à 12 colonnes. Cela facilite la coordination de différents blocs de texte et images.
...
Un bloc de texte qui prend toute la largeur de l'écran est un bloc de texte col-12 en termes HTML, car il utilise toutes les 12 colonnes de la structure. Logiquement, un bloc de texte col-6 occupe la moitié de la page, vous pouvez placer un col-4 l'un à côté de l'autre trois fois et quatre blocs de texte col-3 s'emboîtent les uns à côté des autres. Ce n’est pas compliqué, mais votre calcul doit toujours être égal à 12 (6+6=12, 4+4+4=12, 3+3+3+3=12).
Bien entendu, vous pouvez également combiner des blocs de texte. D'abord une col-3, puis une col-6 et enfin une autre col-3. Ici aussi, la somme totale est de 12.
Les options sont:
Ajouter un nouveau bloc (sans colonnes)
Ajouter un nouveau bloc (2 colonnes)
Ajouter un nouveau bloc (3 colonnes)
Ajouter un nouveau bloc (4 colonnes)
Par exemple, pour placer trois images les unes à côté des autres sur la page, vous pouvez les ajouter dans trois blocs col-4 distincts.
Dans l'éditeur de page, cela ressemblera à ceci :
...
Mais sur le site, les trois images sont dans une colonne les unes à côté des autres :
...
Modifier une page
Remarque: cette page contient plusieurs onglets pour différents paramètres
...