Le nouvel éditeur de pages/articles est maintenant organisé “en blocs”. En cliquant sur + (ou en pressant enter) on peut insérer des paragraphes, des images, des colonnes (dans lesquelles on pourra mettre des images, du texte et plein d’autres choses)! On peut bien sur déplacer les blocs ici et là.
Essayez, faites un tour: il y a pleins de possibilités et c’est relativement intuitif. Si jamais, il y a toujours plus d’options qui s’ouvrent sur la barre/menu de droite à la sélection d’un bloc.
Ci-après un aperçu des fonctionnalités demandées…
Une image ronde
Qui peut être mise à droite, au centre ou encore à gauche au bon vouloir en utilisant le système de colonnes.
Pour qu’une image apparaisse comme ronde, il faut absolument qu’elle soit mise en ligne au format carré (1:1)
Pour l’insérer, c’est comme une image normale, puis lui ajouter la classe CSS additionnelle: “circle” dans le menu Bloc (à droite sous avancé)
Ci dessous 4 images sur la même ligne
Pour réaliser ça: ce sont 2 colonnes de 50%, avec a l’intérieure d’elles d colonnes de 50% ce qui fait 4 colonnes. A l’intérieur de chacune d’elles il y a une image et le tour est joué!
Remarque: c’est plus beau si elles ont toutes la même hauteur 🙂
Une image en arrière plan
Ce bloc général est une Bannière
C’est un bloc comme un autre, avec un bloc titre et un bloc paragraphe dedans.
En sélectionnant le menu le bloc Bannière, il est possible de régler tout un tas de paramètres du bloc (opacité d’arrière-plan, couleur de superposition, hauteur minimale…)
Bonne création et exploration!
Il y a maintenant presque une infinité de possibilités à tester 🙂
Vous avez aimé cet article?
Ajouter une image avec du texte en habillage
Le texte de gauche ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed turpis semper, cursus erat ut, vulputate eros. In vitae vehicula velit.
Le reste du texte ici Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed turpis semper, cursus erat ut, vulputate eros. In vitae vehicula velit.
aiscing elit. Fusce sed turpis semper, cursus erat sed turpis semper, cursus erat ut, vulputate eros. In vitae vehicula velit.
asdasdgadgsdfsfhs
us erat ut, vulputate eros. In vitae vehicula velit.
gfhgfshgfyfdyhfgdyhfdyh
jhvkjhjhvjhv
vue de asdasdgasdadfadbadfbadf<xvxvxvyxcbyxcbyxcbb
kjkjbkj
Easdadgadfgagcrire un titre
asd
Regarde, ami Sancho ; voilà devant nous au moins trente démesurés géants, auxquels je pense livrer bataille et ôter la vie à tous tant qu’ils sont.
– Don Quichotte
asdfasdgagg 
Regarde, ami Sancho ; voilà devant nous au moins trente démesurés géants, auxquels je pense livrer bataille et ôter la vie à tous tant qu’ils sont.
– Don Quichotte
asdsd