Typographie - Utilisation de l’éditeur de texte

Découvrez ce que l’éditeur de texte peut vous permettre d’afficher dans vos pages. La barre typographique vous donne déjà accès à de nombreuses fonctionnalités de mise en forme

Les niveaux de titre

 

Titre de niveau 1: H1

Titre de niveau 2: H2

Titre de niveau 3: H3

Titre de niveau 4: H4

Titre de niveau 5: H5
Titre de niveau 6: H6

 

Note: Les polices de caractères peuvent être modifiées dans: Configuration > Editer le design de la page ou Configuration > Editer le design des blocs (vous pouvez éditer: taille, couleurs et typographie)

 

Les paragraphes et la mise en forme de base

 

Un paragraphe dont le texte est aligné à gauche. Ceci est un texte en gras, Faucibus non dictum sem posuere dictumst convallis sagittis accumsan condimentum ultrices proin massa in praesent at pulvinar vitae sodales magnis donec dapibus feugiat ullamcorper nascetur nibh penatibus orci imperdiet aliquam phasellus congue quam lobortis feugiat lorem suscipit sodales lobortis.

Un paragraphe dont le texte est aligné à droite. Ceci est un texte en italique, Tempor sit magnis platea at senectus augue pellentesque odio condimentum auctor ornare sociis nec dapibus platea odio metus ante sodales arcu sodales accumsan fringilla senectus nec ante id in netus eleifend turpis purus montes et eros vivamus elementum fames accumsan fames fringilla dictum nascetur egestas.

Un paragraphe dont le texte est justifié. Ceci est un texte souligné, ou encore un texte barré, Lorem sociis cras purus augue laoreet at purus metus hac vivamus eget dignissim habitant platea adipiscing sit dapibus aenean netus penatibus vel accumsan egestas cursus quam ullamcorper malesuada id magnis amet tempus ligula lectus mattis lobortis id urna ultricies nunc turpis luctus commodo nibh dapibus condimentum maecenas laoreet feugiat ullamcorper maecenas gravida.

Enfin, un paragraphe dont le texte est centré. Ceci est un lien, Maecenas gravida eros consectetur.

 

Insertion d’images

 

Image à gauche

Hendrerit praesent efficitur habitasse id et iaculis sem hac cursus eu nisl donec molestie vehicula mauris mattis lobortis aenean turpis id accumsan amet cras fermentum pulvinar venenatis eleifend ullamcorper elementum consectetur quam ligula semper consectetur praesent eu consectetur quam nec ut rutrum libero metus mauris sem ut pulvinar viverra sollicitudin pellentesque phasellus vitae rhoncus venenatis efficitur enim ac convallis ridiculus posuere nulla enim congue.


Image à droite

Ligula lacus est fringilla ultricies tempus eros facilisi praesent aliquet montes sollicitudin blandit rhoncus ligula senectus gravida mollis morbi sodales feugiat nunc purus eget venenatis ligula felis sollicitudin lobortis est posuere non risus mollis mattis quis cras non libero donec pretium placerat rhoncus laoreet tristique habitasse feugiat montes laoreet massa tristique.

Image centrée


Image pleine largeur retaillée et responsive

 

 

 


Galerie de vignettes cliquables


 

Mise en forme par colonnes

 

Sur 2 colonnes: Libero id eros leo euismod aenean tellus ut cum nascetur ornare nam accumsan eget molestie lorem ut justo congue montes purus varius pharetra id posuere

Libero porta placerat euismod hendrerit nulla accumsan placerat fames fringilla curabitur elit feugiat bibendum elit elit ridiculus eget platea adipiscing interdum justo mollis.

Sur 3 colonnes: Placerat natoque cursus pharetra penatibus gravida vestibulum montes laoreet tellus turpis

Colonne 2: pretium faucibus aliquam turpis maecenas ullamcorper pretium urna facilisis maecenas ullamcorper

Colonne 3: felisullamcorper auctor tempus rhoncus libero ac ac vitae duis sagittis pulvinar feugiat rhoncus

Sur 4 colonnes: Placerat natoque cursus pharetra penatibus gravida

Colonne 2: pretium faucibus aliquam turpis maecenas ullamcorper

Colonne 3: felisullam corper auctor tempus rhoncus rhoncus

Colonne 4: Libero porta placerat euismod hendrerit nulla accumsan

Sur 5 colonnes: Placerat natoque cursus pharetra

Colonne 2: Placerat natoque cursus pharetra gravida

Colonne 3: pretium faucibus aliquam turpis

Colonne 4: felisullam corper auctor tempus

Colonne 5: Libero porta placerat euismod hendrerit

Sur 6 colonnes

Colonne 2

Colonne 3

Colonne 4

Colonne 5

Colonne 6

 

Modifier la largeur et imbriquer les colonnes

 

En imbriquant les colonnes, vous pouvez aussi faire varier les largeurs de chacune de vos colonnes:

Sur 2 colonnes de largeur différente. Justo auctor condimentum sed risus efficitur nibh venenatis

fames metus donec cum elementum orci vitae convallis dictumst amet laoreet aenean ultricies magna arcu iaculis laoreet justo gravida malesuada dictum mi ultrices maximus dictum platea augue penatibus

Sur 2 colonnes de largeur égale. La deuxième colonne comprend un bloc de 3 colonnes

Colonne 1

Colonne 2

Colonne 3

 

 

Les listes

 

Listes simples

  • Liste puces disques
  • Liste puces disques
  • Liste puces disques
  • Liste puces cercles
  • Liste puces cercles
  • Liste puces cercles
  • Liste puces carées
  • Liste puces carées
  • Liste puces carées

Listes numérotées

  1. Liste numérotée
  2. Liste numérotée
  1. Liste alpha majuscules
  2. Liste alpha majuscules
  1. Liste alpha minuscules
  2. Liste alpha minuscules

 

Mise en avant du texte de type citation. Placerat auctor adipiscing sagittis aenean non placerat phasellus dapibus scelerisque aliquam sapien hac pharetra facilisi sem mattis magnis penatibus lorem duis eu ac facilisis venenatis sapien aliquet.