Se connecter Demander mon site

Bloc simple

Le Bloc simple porte un texte qui n’est ni un titre ni un paragraphe, avec tous les réglages de style et d’animation. Cette page décrit quand le choisir, comment le saisir, le rendre cliquable et lui faire activer d’autres blocs.

Choisir le Bloc simple

Un titre annonce une section et un paragraphe porte une phrase du contenu. Les lecteurs d’écran et les moteurs de recherche s’en servent pour comprendre la page. Une étiquette « Nouveau », un chiffre clé, une mention en petit ou un badge ne sont ni l’un ni l’autre. Le Bloc simple les porte sans leur donner de rôle et offre tous les réglages de style et d’animation.

Le Bloc simple face aux autres blocs de texte
Votre texteBloc à choisir
Ouvre une section de la pageTitre
Est une phrase du contenuParagraphe, voir Texte
N’est ni un titre ni une phrase : étiquette, badge, chiffre clé ou mentionBloc simple

Ajouter un Bloc simple

  1. Dans l’éditeur, ouvrez l’inserteur et cherchez Bloc simple, ou tapez div. Ajouter un bloc détaille les façons d’insérer un bloc.
  2. Cliquez dans le bloc et tapez votre texte. Tant qu’il est vide, le bloc affiche Votre texte, qui n’est jamais publié.
  3. Mettez en forme des mots avec la barre d’outils, comme dans un paragraphe : gras, italique ou lien.
Les touches de saisie du Bloc simple
ToucheEffet
EntréeTermine le bloc et crée un paragraphe en dessous.
Maj+EntréeInsère un retour à la ligne dans le bloc.

Onglet Réglages

Panneau Lien

Le panneau Lien fait du bloc entier une zone cliquable. Ses réglages sont ceux de tous les blocs qui portent un lien ; Conteneur détaille les cibles et les six ouvertures.

Les réglages du panneau Lien
RéglageEffetValeur par défaut
Champ Cherchez ou collez une adresse…La cible : une page, un article, une composition, un fichier, l’accueil, une archive ou une adresse tapée (https://, mailto:, tel:, #ancre).Vide
Masquer le lien aux moteurs de rechercheRetire l’adresse en clair de la page publiée. Le bloc reste cliquable à la souris et au clavier.Désactivé
Ouverture du lienUne ouverture classique, en modale ou en panneau latéral.Classique (dans l’onglet du navigateur)
Nom accessibleLe nom annoncé par les lecteurs d’écran à la place du texte du bloc.Vide
NofollowDemande aux moteurs de ne pas suivre le lien.Désactivé
Ouvrir dans un nouvel ongletOuvre la cible dans un nouvel onglet, avec l’ouverture classique seulement.Désactivé
Le panneau Lien d’un bloc : la pastille de l’adresse https://www.vinsdeloire.fr/ avec ses boutons Modifier et Retirer le lien, puis Masquer le lien aux moteurs de recherche, Ouverture du lien sur Classique, le champ Nom accessible et son aide, Nofollow et Ouvrir dans un nouvel onglet.

Le texte du bloc est le nom du lien. Un bloc « Voir le catalogue » est annoncé « Voir le catalogue » par un lecteur d’écran. Remplissez Nom accessible seulement si ce texte ne dit pas où mène le lien. Faites-le alors commencer par le texte visible.

Panneau Avancé

Le panneau Avancé, replié, contient le champ Ancre HTML. Un identifiant comme tarifs permet à une adresse terminée par #tarifs d’amener le visiteur sur ce bloc. Les espaces deviennent des tirets et le # est retiré. L’ancre permet à un autre bloc de viser celui-ci dans sa section Interactions.

Onglet Styles

Le Bloc simple se règle dans les états Par défaut, Survol et Actif. Il reçoit les styles enregistrés : le style Signature, livré avec le produit, le met dans la police manuscrite du site.

Les panneaux de l’onglet Styles du Bloc simple
PanneauGuide
CouleursColorer un bloc
TypographieMettre en forme un texte. Le réglage Alignement du texte y place le texte à gauche, au centre, à droite ou justifié.
Taille et espacementRégler la taille, les bordures et les effets. Ce panneau ne change pas au survol.
Bordures, Effets, TransitionsRégler la taille, les bordures et les effets

Onglet Animations

Le bouton Ajouter une animation donne un effet au bloc. Son Déclencheur est Quand il est visible, Au survol, Quand il est activé ou Au défilement. La section Interactions fait l’inverse : un clic, un survol ou l’activation du Bloc simple active un autre bloc. Ce bloc est désigné par son ancre HTML, avec Ajouter un bloc cible. Animer un bloc détaille les deux.

Placer le Bloc simple dans une mise en page

Le Bloc simple ne reçoit pas d’autres blocs. Pour placer plusieurs éléments côte à côte ou en grille, rangez-les dans un Conteneur. La place du bloc dans une rangée ou une grille se règle dans la section Enfants de ce conteneur. Vous y réglez son Ordre, Aligner cet élément, Justifier cet élément et, en grille, ses colonnes et ses rangées.

Accessibilité

  • Sans lien, le bloc est un texte sans rôle : il est lu à son tour, sans être annoncé comme un titre ni comme un paragraphe.
  • Avec un lien, il reçoit le focus à la touche Tab et s’active avec Entrée.
  • Quand Ouvrir dans un nouvel onglet est coché, les lecteurs d’écran annoncent « s’ouvre dans un nouvel onglet ». N’écrivez pas cette mention dans le texte : elle serait lue deux fois.

Limites

  • Le bloc porte un seul texte. Pour plusieurs paragraphes, empilez plusieurs blocs dans un Conteneur.
  • Il n’accepte ni image ni bouton. Pour une carte cliquable qui réunit une image, un texte et un bouton, utilisez un Conteneur lié.

Voir aussi

Mis à jour le

Toutes les pages de la documentation