Lorsque l’on crée une page ou un article, on est parfois confronté à des « blancs » (des espaces vides qui cassent la mise en page).
Par exemple lorsque l’on utilise un bloc « média » on peut avoir ceci :
Cette image représente un open space dédié aux centres de relation client à distance.
Le paragraphe ne prends pas la même hauteur que l’image et il faut tenter d’ajuster la taille de l’image (ou rajouter du texte) pour combler le vide. Par ailleurs le bloc « média » nous limite à l’insertion d’une seule image.
L’usage des blocs « colonnes »
L’avantage d’utiliser un bloc « colonnes » c’est que vous divisez votre page en plusieurs espaces, dans lesquels vous allez pouvoir superposer d’autres blocs. Par exemple, en utilisant un bloc colonnes de deux colonnes je peux faire ce type de mise en page :
Je peux ajouter un bloc de texte dans cette colonne, et également y ajouter d’autres blocs pour que l’ensemble puisse se mettre en page comme je le souhaite.
ceci est un nouveau titre dans ma colonne
Titre inséré dans une colonne
ceci est un paragraphe inséré dans une colonne, mais je peux aussi y insérer d’autres blocs. Comme par exemple un autre bloc image
Je remets un autre paragraphe de texte dans cette colonne
A vous de jouer ! Revoyez votre site et tentez de ne plus avoir d’espaces vides dans votre mise en page en utilisant des colonnes.
Première colonne 1/3
ceci est un exemple de paragraphe de texte ajouté dans cette colonne
Deuxième colonne 2/2
ceci est un exemple de paragraphe de texte ajouté dans cette colonne
autre paragraphe de texte dans cette colonne
Troisième colonne 3/3
ceci est un exemple de paragraphe de texte ajouté dans cette colonne
L’usage « graphique » du bloc Bannière
Vous avez aussi la possibilité d’utiliser le bloc bannière pour y insérer du texte mais aussi …
… d’autres blocs comme ici un bloc media.
Cette astuce permet également d’obtenir des fonds de pages fixes ou défilant et d’habiller les pages de votre site
mais le résultat n’est pas toujours lisible selon l’image de fond qui est utilisé …
